在css中，可以利用float屬性來把ul文字變成橫向排列，只需要給ul列表的li元素添加“float:left;”樣式，讓li元素往左浮動即可。

本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

默認ul列表是豎向排列：

<ul>
  <li>測試文本1</li>
  <li>測試文本1</li>
  <li>測試文本1</li>
</ul>

效果圖：

ul li{ float: left; margin-right: 30px; } <ul> <li>測試文本1</li> <li>測試文本1</li> <li>測試文本1</li> </ul>

效果圖：

（學習視頻分享：css視頻教程）

以上就是css怎么把ul文字變成橫向排列的詳細內容，更多請關注有啊網站百科其它相關文章！

• 喜歡（10）
• 不喜歡（1）

本文鏈接：http://www.yongsung168.cn/ask-css/24939.html