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-箱