我有一个父 div,里面有一堆子 div。我希望子 div 水平排列并排在一起。这意味着父 div 不能设置为精确的宽度量,因为图像量会一直变化。所以我假设将父 div 设置为宽度:100%,然后将其中的子 div 项设置为浮动:左。
只有当我给父 div 一个与其中所有子 div 的宽度相匹配的宽度时,它才会起作用。有没有办法让它 100% 并将子 div 并排放置在父级内部。
我有一个父 div,里面有一堆子 div。我希望子 div 水平排列并排在一起。这意味着父 div 不能设置为精确的宽度量,因为图像量会一直变化。所以我假设将父 div 设置为宽度:100%,然后将其中的子 div 项设置为浮动:左。
只有当我给父 div 一个与其中所有子 div 的宽度相匹配的宽度时,它才会起作用。有没有办法让它 100% 并将子 div 并排放置在父级内部。
看看这个例子小提琴- 这是你想要的吗?
本质上,您只需要在包装器 div 上声明以下内容,仅此而已
#wrapper{
white-space:nowrap;
overflow:hidden; /* whatever suits you - could be scroll as well*/
}
您不需要浮动图像,因为默认情况下它们不是块级元素。