css - 将 block 级元素定位在同一行

Question

您好，我有一个问题困扰了我一段时间。我看到许多开发人员在尝试将 block 级元素放置在同一行时，他们同时使用了这两种元素:

float:left
display:inline

我自己只为此使用了 display:inline-block，我得到了同样的效果。几个星期前，一位开发人员建议我应该使用上面的代码，但当我问他为什么没有回答时。

如果那个开发者是对的，那我为什么要使用上面的代码？有什么区别？

Answer 1

display:inline-block 不支持 IE7 及以下版本和其他一些旧浏览器。我想如果您支持旧版浏览器，则需要使用其他开发人员在条件样式表中建议的内容。

否则，这只是人们仍在使用的 hack，因为这是他们已经知道的，即使 display:inline-block 更好。他没有回答你为什么是因为他没有一个好的答案，他的答案很可能只是“因为我就是这样做的”。