Html李項目顯示在單行上每個

Question

我不能看到CSS如何或在哪裏使這些項目顯示在兩列。 我只希望他們在每一行（全寬），網絡工具不顯示任何奇怪的CSS，任何想法\快速修復？

#demoOne li { float:left;display: inline !important;border: #336699 solid 1px;background: lightblue;} 
<ul id="demoOne"> 
<li>Item</li> 
</ul> 

Answer 1

達到嘗試

display:block 

而不是

display:inline 

Answer 2

，而不是float:left和display:inline使用display:block，他們將不會顯示在兩列

BTW。一切與float:left有display:block，所以我不知道你試圖與display:inline!important :)

Answer 3

爲我推薦使用單線顯示：

對於鉻ñSafari中使用顯示：-webkit-箱 對於Opera使用顯示：-o盒 對於forefox使用display：-moz-箱 對於即使用顯示：-MS-箱