css列表怎么橫著排列

css列表橫著排列的方法：可以利用【display:inline】屬性把【<li>】標簽設定為內聯元素來實現橫向排列效果。display屬性規定了元素應該生成的框的類型。
山西網站制作公司哪家好，找創新互聯！從網頁設計、網站建設、微信開發、APP開發、成都響應式網站建設等網站項目制作，到程序開發，運營維護。創新互聯自2013年創立以來到現在10年的時間，我們擁有了豐富的建站經驗和運維經驗，來保證我們的工作的順利進行。專注于網站建設就選創新互聯。

思路：

設定<li>標簽的display:inline，把<li>設定為內聯元素來實現橫向排列的效果。

（推薦教程：css視頻教程）

屬性介紹：

display 屬性規定元素應該生成的框的類型。

具體代碼：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>列表橫向排列的另一種方法</title>
<style type="text/css">
ul li{display:inline;background:#F93; padding:5px;}}
</style>
</head>

<body>
<ul>
    <li>Item1</li>
    <li>Item2</li>
    <li>Item3</li>
    <li>Item4</li>
</ul>
</body>
</html>

效果：

問題：

li之間有空隙

解決辦法：

把li寫成一行

<ul>
    <li>Item1</li><li>Item2</li><li>Item3</li><li>Item4</li>
</ul>

效果：

bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

css列表怎么橫著排列