make content inline

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

.content{ 
    display:inline-block; 
}

，但它不工作。任何人有任何这方面的经验？谢谢

来源

2011-03-01 m0j1

你可以发布你使用的标记吗？ – Loktar 2011-03-01 17:48:36

某些浏览器，特别是IE <= 7，根本不支持内联块。 – 2011-03-01 17:50:07

IE对使用以下内容呈现的元素非常挑剔：内联块。 IE6/7要求这些元素是本地内联元素（p，a，span）。较老的FF版本也不可靠。 – Dawson 2011-03-01 18:07:24

display：inline-block在所有浏览器中都不起作用。如果你想实际inline-block的行为，在这里看到（这是复杂的）：

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

如果你真的想你的。内容去内联，然后使用display：inline将显示：inline-block的。

来源

2011-03-01 17:55:29 Brilliand

谢谢，我做了一个CSS选择，它工作正常。 .content内部是为每个节点选择的.field-item。并添加img标签来指定我的图片。像这样“.field-item img {float：right; clear：right;}”并且它按我想要的方式工作。谢谢 – m0j1 2011-03-01 18:22:32

对于IE7，你需要使用：

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

这将显示inline-block的每一个浏览器，除了老版本的IE。 IE有一个名为'hasLayout'的css属性（你不能通过css设置）。 Haslayout是必不可少的块（你可以用宽度等来设计它），但是你必须通过'zoom：1'来触发它。

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

来源

2011-03-01 18:03:05 circusdei

make content inline

回答

相关问题