實作方法：1、使用display屬性將li轉成行內或是行內塊標籤，只需要給li設定「display:inline|inline-block」樣式即可；2、使用float屬性進行浮動，只需要給元素設定「float:left」樣式即可。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
方法一：
display方法， 需要將li轉換成行內標籤或行內區塊標籤
<html>
<head>
<style type="text/css">
li {
display: inline; <-- 或者inline-block -->
list-style:none;
margin:0 20px;
}
div {
display: none；
}
</style>
</head>
<body>
<ul>
<li>aa</li>
<li>bb</li>
<li>cc</li>
<li>dd</li>
</ul>
</body>
</html>方法二：
選擇左浮動方式， float：left;
<html>
<head>
<style type="text/css">
li {
float: left;
list-style:none;
margin:0 20px;
}
div {
display: none；
}
</style>
</head>
<body>
<ul>
<li>aa</li>
<li>bb</li>
<li>cc</li>
<li>dd</li>
</ul>
</body>
</html>推薦學習：css影片教學
以上是css如何實作li不換行顯示的詳細內容。更多資訊請關注PHP中文網其他相關文章！
