如何設置內聯元素的寬度？

Question

我有這樣的CSS：

.test { 
    background-color:#00ff00; 
    display: inline;  
    width: 200px; 
} 

<div class="test">test1</div> 
<div class="test">test2</div> 

但似乎寬度不被讀取。如何改變CSS？ 謝謝

Answer 1

inline項目不能有明確設置的寬度。改爲使用inline-block。

.test { 
    background-color:#00ff00; 
    display: inline-block; 
    width: 200px; 
} 

注意，儘管如此，IE 6/7有兼容性問題inline-block，不能正確適用於那些塊級的默認元素。這些問題can be resolved。