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

回答

相關問題