使内容内联

Question

我有一个内容类型，它有一个图像和一个正文，我想让它们内联。 HTML文件中所有节点的类都是“.content”，我写了这样的css：

.content{
  display:inline-block;
}

但它不起作用。有人有这方面的经验吗？ 感谢

Answer 1

display：inline-block不适用于所有浏览器。如果你想要实际的内联块行为，请看这里（它很复杂）：

http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/

如果你真的希望你的.content内联，那么使用display：inline而不是display：inline-block。

Answer 2

对于IE7，您需要使用：

.content{
    display: inline-block;
    *zoom:1;
    *display: inline;
}

这将显示每个浏览器的内联块，旧版本的IE除外。 IE有一个名为'hasLayout'的css属性（你无法通过css设置）。 Haslayout是必要的块（你可以用宽度等设置它），但你必须通过'zoom：1;'来触发它。

星号（*）仅适用于IE样式。