我需要创建一个包含多个其他 DIV 的容器 DIV 样式。要求如果浏览器窗口的大小调整得较窄,这些 DIV 不会换行。
我试图让它像下面一样工作。
<style>
.container
{
min-width: 3000px;
overflow: hidden;
}
.slide
{
float: left;
}
</style>
<div class="container">
<div class="slide">something</div>
<div class="slide">something</div>
<div class="slide">something</div>
<div class="slide">something</div>
</div>
这在大多数情况下都有效。但在某些特殊情况下,渲染是不正确的。我发现IE7的RTL中容器DIV变为3000px宽度;事情变得很混乱。
有没有其他方法可以让容器DIV不换行?
尝试使用white-space: nowrap;
在容器样式中(而不是overflow: hidden;
)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)