我看不到 CSS 如何或在何处使这些项目显示在两列中。我只希望它们在一行(全宽)上,网络工具不会显示任何奇怪的 CSS,有什么想法\快速修复?
#demoOne li { float:left;display: inline !important;border: #336699 solid 1px;background: lightblue;}
<ul id="demoOne">
<li>Item</li>
</ul>
我看不到 CSS 如何或在何处使这些项目显示在两列中。我只希望它们在一行(全宽)上,网络工具不会显示任何奇怪的 CSS,有什么想法\快速修复?
#demoOne li { float:left;display: inline !important;border: #336699 solid 1px;background: lightblue;}
<ul id="demoOne">
<li>Item</li>
</ul>
而不是float:left
和display:inline
使用display:block
,它们不会显示在两列中
顺便提一句。一切float:left
都有display:block
所以我不知道你想用它来实现什么display:inline!important
:)
尝试
display:block
而不是
display:inline
对于单行,我建议使用
显示:框
chrome n safari 使用 display:-webkit-box opera 使用 display:-o-box forefox 使用 display:-moz-box ie 使用 display:-ms-box