是否可以防止在HTML中包装子元素?

是否可以防止在HTML中包装子元素?,html,css-float,word-wrap,Html,Css Float,Word Wrap,I当浏览器窗口的大小小于允许所有子元素都适合而无需包装时,我希望有一个滚动条,而不是子元素包装的默认机制 我无法控制子元素的数量,因此无法设置容器的宽度。如何防止子元素被包装?对于简单的HTML和CSS,这是不可能的。在不知道子元素的数量的情况下,唯一的方法是使用JavaScript根据子元素的数量及其总宽度动态设置最小宽度。您可以添加所有子元素的父持有者()。然后使用该div的overflow:auto。如果不起作用,还可以使用self.innerHeight和self.innerWidth(

I当浏览器窗口的大小小于允许所有子元素都适合而无需包装时,我希望有一个滚动条,而不是子元素包装的默认机制


我无法控制子元素的数量,因此无法设置容器的宽度。如何防止子元素被包装?

对于简单的HTML和CSS,这是不可能的。在不知道子元素的数量的情况下,唯一的方法是使用JavaScript根据子元素的数量及其总宽度动态设置最小宽度。

您可以添加所有子元素的父持有者()。然后使用该div的overflow:auto。如果不起作用,还可以使用self.innerHeight和self.innerWidth(通过javascript)作为div的高度和宽度。

如果不需要换行,则不应使用浮动-它们是专门为换行而创建的


使用带有
溢出:auto
空白:nowrap
的父容器,以及带有
显示:inline
inline block

的子容器,我需要使用inline block。Thanks@Justin808:缺点是,如果您希望它在较旧的浏览器(FF2、IE6-7)上工作,则需要
.container
{
 position: absolute;
 bottom: 0px;
 height: 25px;
 left: 200px;
 padding-right: 5px;
 background-color: black;
 overflow: hidden;
}


.child
{
 position: relative;
 float: left;
 height: 100%;
 width: 95px;
 background-color: #99CCFF;
 margin-left: 5px;
}