javascript - 如何将 HTML div 排列成一行，如结构？

Question

我试图在水平行结构中对齐一些 div。有一个 div container 有子 div，这些子 div 应该在同一行。可以有许多这样的容器 div，具有不同的 ID 但具有相同的类名。

我该怎么做？这是我尝试的 jsFiddle:http://jsfiddle.net/unix_user/VSd6Y/6/ .

Answer 1

使用display:inline-block。这样，您的 div 将彼此相邻堆叠，并且您可以指定 block 元素共有的宽度和其他属性。

查看 updated fiddle .您可以看到使用 container 设置样式的 div 位于不同的行上，但子 div 彼此相邻堆叠。