首页 文章

浮动的CSS技巧没有换行,但显示一些并隐藏剩余[关闭]

提问于
浏览
-2

我在谷歌尝试了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 回答

  • 1

    我建议你尝试使用 display: inline-blockwhite-space: nowrap ,我相信这会达到你想要的效果 .

    JsFiddle

    为了最大程度地兼容IE7及以下版本,您应该用.small div替换为span .

相关问题