css – 宽度不限的宽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>

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

我试过显示：inline;并显示：inline-block;并显示：表。他们没有工作。

注2：我试过显示：-moz-Box ;.它的作品，但只有在FIREFOX！
谢谢 …

解决方法

最简单的方法是在父级上使用 white-space: nowrap，并显示：inline-block on the children：

见：http://jsfiddle.net/4Yv83/

我也添加了overflow-x：auto，因为大概你don’t want this。

原文地址：https://www.jb51.cc/css/218445.html