使内容内联答案

【问题标题】：make contents inline使内容内联
【发布时间】：2011-03-01 17:46:08
【问题描述】：

我有一个包含图像和正文的内容类型，我希望它们被内联。 HTML文件中所有节点的类是“.content”，我这样写我的css：

.content{
  display:inline-block;
}

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

【问题讨论】：

标签： css drupal

【解决方案1】：

display:inline-block 不适用于所有浏览器。如果您想要实际的内联块行为，请参见此处（这很复杂）：

如果您确实希望您的 .content 内联，请使用 display:inline 而不是 display:inline-block。

【讨论】：

谢谢，我做了一个 CSS 选择，效果很好。 .content 里面是 .field-item ，它是为每个节点选择的。我添加了 img 标签来指定我的图像。像这样“.field-item img{float:right; clear:right; }”，它按照我想要的方式工作。谢谢

【解决方案2】：

对于 IE7 你需要使用：

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

这将为每个浏览器显示 inline-block，旧版本的 IE 除外。 IE 有一个名为“hasLayout”的 css 属性（不能通过 css 设置）。 Haslayout 本质上是块（你可以用宽度等设置样式），但你必须通过'zoom:1;'来触发它。

星号 (*) 仅适用于 IE 样式。

【讨论】：