如何使div具有固定的大小？

Question

我创建了一个网站,所以当你点击按钮30px时它改变了里面的字体div.

我有一个ul带底子的内部.当我改变字体的大小时,div扩展和导航按钮也随之移动.

我如何使它保持固定但字体仍然可以改变.

Answer 1

尝试以下css:

#innerbox
{
   width:250px; /* or whatever width you want. */
   max-width:250px; /* or whatever width you want. */
   display: inline-block;
}

这使得div占用的空间尽可能小,其宽度由css定义.

//扩大的答案

要使按钮固定宽度,请执行以下操作:

#innerbox input
{
   width:150px; /* or whatever width you want. */
   max-width:150px; /* or whatever width you want. */
}

但是,您应该知道,随着文本大小的变化,显示它所需的空间也会发生变化.因此,容器需要扩展是很自然的.你应该回顾一下你想要做的事情; 并且可能有一些预定义的类,您可以使用javascript动态更改,以确保内容放置是完美的.