我在谷歌尝试了css代码,很长一段时间都找不到 . I can do this by javascript ,
获取body / parent div的宽度和高度,然后放置div并隐藏剩余部分
要么
By div * nos and add this value to parent div's width and stop overflow.
我认为这个技巧可以使用css3完成 . 如果您通过css3实现了这一点,请发布您的代码 .
My Question demo will be something like this.
<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高度;
如果我为小 class 申请浮动,我可以在下一行看到这一点 .
我需要只显示2个小div,第二个div必须只显示200px和100px隐藏 . 还必须隐藏s3和s4 .
IMPORTANT parent div将是一个动态值 .
1 回答
我建议你尝试使用
display: inline-block
和white-space: nowrap
,我相信这会达到你想要的效果 .JsFiddle
为了最大程度地兼容IE7及以下版本,您应该用.small div替换为span .