在css樣式中關于li的橫向排列的方法大致有兩種：

第一種 ：直接在<li>里面設置樣式

<ul style="list-style:none;">

<li style="display:inline">橫向排列</li>

<li style="display:inline">橫向排列</li>

</ul>

?

第二種：定義li的css樣式

<style type="text/css">

<!--

.a{

background-color:#ccccc;

text-align:center;

float:left;

width:70px;margin:3px;

padding:3px;

list-style:none;

}

-->

或者

定義li的css樣式

<style type="text/css">

<!--

li{

background-color:#ccccc;

text-align:center;

float:left;

width:70px;margin:3px;

padding:3px;

list-style:none;

}

-->

總結

以上是生活随笔為你收集整理的css样式中关于li的横向排列的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。