CSS技巧为浮动左边没有新行，但显示一些和隐藏剩下的

Question

我在谷歌中尝试了css代码，但很长一段时间都没有找到我可以通过javascript、来完成

获取主体/父div的宽度和高度，然后放置div并隐藏剩余的

或

Bydiv*nos，并将此值添加到父div的宽度中，以停止溢出

我认为这个技巧可以用css3完成。如果你通过css3实现了这一点，请发布你的代码。

我的问题演示将是这样的

<div id="parent">
<div class="small s1">some thing</div>
<div class="small s2">some thing</div>
<div class="small s3">some thing</div>
<div class="small s4">some thing</div>
</div>

在这个家长将有500px的宽度和高度500px；class small的宽度为300px，高度为100px；

若我为小班申请浮动，我可以在下一行看到。

我只需要显示2个小div，第二个div必须只显示200px和100px隐藏。s3和s4也必须隐藏。

重要父div将是一个动态值。

Answer 1

我建议您尝试使用display: inline-block和white-space: nowrap，我相信它们会达到您想要的效果。

Js报价

但是，为了最大限度地兼容IE7及以下版本，您应该将.smalldiv替换为span。