<style type="text/css">
ul { padding:0; margin:0; }
li { display:inline; }
.lii { float:left; }
</style>
ul { padding:0; margin:0; }
li { display:inline; }
.lii { float:left; }
</style>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<ul>
<li class="lii">1</li>
<li class="lii">2</li>
<li class="lii">3</li>
<li class="lii">4</li>
</ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<ul>
<li class="lii">1</li>
<li class="lii">2</li>
<li class="lii">3</li>
<li class="lii">4</li>
</ul>
我以前为了让li能横着显示都是用的float:left, 但我总觉得浮得太多,到最后不好控制.
今天在同事那里得知display里的inline也可以横着显示,并且有趣的是inline就是成行的意思:)
display:inline, you did fairly well!