2011-03-31 138 views

回答

4
div > div{ 
display: inline-block; 
} 
+1

很好的答案,但...如果你需要支持舊版瀏覽器。對於跨瀏覽器兼容性,請小心「>」選擇器(不支持IE6)http://www.quirksmode.org/css/contents.html。還要小心「內聯塊」:IE 6/7只接受具有自然顯示的元素的值:內聯(div的自然顯示是塊)http://www.quirksmode.org/css/display.html。 – 2011-03-31 09:02:19

+1

@Alex:好點,但是有IE(通常...)的解決方法。對於內聯塊的東西,給這個去:'display:inline-block;縮放:1; *顯示:inline'。 – Bojangles 2011-03-31 09:04:15

+0

@JamWaffles非常真實,有解決方法 - 我應該補充說我的評論的好點。謝謝。 – 2011-03-31 09:09:43

2

浮動他們左

float:left; 

或給他們的內聯顯示模式。

display:inline; 
+0

浮動:左邊選項失敗,在我的情況,但工作顯示:inline-block的工作... – renilative 2011-03-31 09:20:52

+0

Bakuradze,我不能肯定(我還沒有嘗試過),但我認爲漂浮物品也需要寬度。 – 2011-03-31 09:58:40

+0

是的,他們需要,絕對。 – Headshota 2011-03-31 10:00:18