获取子元素不包含溢出隐藏的div

Question

需要获得带溢出的div：hidden;不要包裹它的孩子。 我需要在子元素中添加一个固定的，以便它不会换行。

像：

<div style="overflow:hidden; width:700px;">
<div style="width:2000px;"><img>
<img>
<img>
<img>
<img>
<img>
<img>
</div>
</div>

我不想在那里添加2000的宽度。它应该只与内容一样宽。 水平。

谢谢

Answer 1

您可以通过内联块和＆amp;组合来实现这一目标。的空白

.parent{
 white-space:nowrap;
}

img{
 display:inline-block;
 *display:inline;/* For IE7*/
 *zoom:1;/* For IE7*/
 vertical-align:top;
}

<强> HTML

<div class="parent">
 <img>
 <img>
 <img>
 <img>
 <img>
 <img>
 <img>
</div>