我有一个大问题!
你知道,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>
注意:我不知道内容宽度。
解决方法
最简单的方法是在父级上使用
white-space: nowrap
,并显示:inline-block on the children:
我也添加了overflow-x:auto,因为大概你don’t want this。