内联div元素

Question

我试图把div元素放在彼此旁边.问题是,即使有足够的空间让两个元素在同一条线上,新的div也会移动到下一行,如果没有足够的空间,我需要另一个div才能进入下一行.

有人知道怎么做这个吗？

Answer 1

将CSS显示样式设置为display:inline-block;.

这允许元素保持其类似块的功能,同时还允许它以内联方式显示.这是两者之间的中途宿舍.

(但请注意,旧版本的IE存在一些兼容性问题)

Answer 2

Div 是块级元素，因此默认情况下它们将始终占据整行。改变这个的方法是浮动 div：

<div style="float: left"></div>