Fatal编程技术网
  • css/
  • Css 宽度无限的宽div

Css 宽度无限的宽div

css

Css 宽度无限的宽div,css,Css,我有个大问题 你知道，一个div默认宽度是100%（父级的）。如果其内容宽度大于100%（100%=1440px），div以多行显示内容 现在，如果我想，div在一行中显示它的内容，我应该怎么做？看看简单的代码：： <div> <div>aaa</div> <div>bbb</div> <div>ccc</div> <div>ddd</div> ..

我有个大问题

你知道，一个
div
默认
宽度是
100%
（父级的）。如果其内容宽度大于100%（100%=1440px），
div
以多行显示内容

现在，如果我想，div在一行中显示它的内容，我应该怎么做？看看简单的代码：：


<div>
    <div>aaa</div>
    <div>bbb</div>
    <div>ccc</div>
    <div>ddd</div>
    ......(more than 100 other div, with unknown width)
</div>




aaa
bbb
ccc
ddd
……（超过100个其他分区，宽度未知）


注意：我不知道内容的宽度

我尝试了
display:inline和
显示：内联块和
显示：表格。他们没有工作

注2：我尝试了
display:-moz-box。它可以工作，但只在FIREFOX中！

谢谢…
最简单的方法是在父级上使用，在子级上使用
显示：内联块
：

请参见：


我还添加了
overflow-x:auto
，因为可能是您。
只要告诉div中的文本不要换行即可


div {
  white-space: nowrap;
}



几年过去了，但是。。。我认为最好将overflow设置为hidden，因为我们不需要一次显示所有的子元素。我们在拇指滑块式组件中使用这种样式。所以我建议将“overflow:hidden”设置为父元素


/* for parent element */
overflow: hidden;