Div高度自动不调整大小?
问题描述:
我有一个浮动div,并且用户可以更改字体大小。当他们这样做,我有这样的代码:Div高度自动不调整大小?
$(element).css ('font-size', newFontSize);
alert ($(element).css ('height')); //60px
$(element).css ('width', 'auto');
$(element).css ('height', 'auto');
alert ($(element).height()); //60 - no resize
的想法是,通过重新设置DIV自动高度,它应该调整到适合文本,但它没有这样做。想法?
答
也许您的代码不工作,因为你还设置了min-height
某处高度
作为替代的想法,你可以设置高度em
(或其他相对测量)一起,所以当你改变字体 - 大小高度将自动更改(没有设置其高度auto
)
答
我只是通过这个去了,这里有人帮了我,所以我将它传递:
你不想使用身高,你想使用最低高度的组合吨和溢出:
min-height:100%;
overflow:hidden;
这听起来反直觉,我知道。但它的工作。
事实上,你甚至不需要使用javascript来改变DIV的大小。 CSS会为你照顾它。
+0
不幸的是,这在我的情况下不起作用,因为这是一个可拖动的元素,它包含在其父项中。最小高度:100%将禁止拖拽。 – 2012-03-12 16:16:48
这正是我所需要的。太多的思考像素。谢谢 – 2012-03-12 16:24:23