css – 宽度不限的宽div

前端之家收集整理的这篇文章主要介绍了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

猜你在找的CSS相关文章