防止在CSS中嵌套嵌套的浮动项

时间:2009-07-21 15:21:51

标签: css css-float wrapping

我有一个包含许多浮动子项的div。每个子项都是包含输入和标签的div。在Firefox中它看起来很好,但在IE7中,一行中的最后一项被包装以适合,而不是被移动到下一行。

Wrapped Items http://harriyott.com/images/wrapping.png

我该如何解决这个问题?

4 个答案:

答案 0 :(得分:2)

您是否尝试过应用白色空间:nowrap;财产到标签?

http://www.w3schools.com/cssref/pr_text_white-space.asp

答案 1 :(得分:1)

将浏览器窗口(例如,在Google Chrome中的Ctrl + - )最小化并设置 主“容器”的“min-width:px中的minValue”。

答案 2 :(得分:0)

尝试明确设置每个嵌套div的宽度。

答案 3 :(得分:-2)

我不知道我是否理解正确,但你有没有尝试过这个老把戏:

<div style="clear:both;"></div>