So ordnen Sie die CSS-Liste horizontal an: Mit dem Attribut [display:inline] können Sie das Tag [
] als Inline-Element festlegen, um den horizontalen Anordnungseffekt zu erzielen. Das Anzeigeattribut gibt den Typ der Box an, die das Element generieren soll.
Idee:
Stellen Sie die Anzeige des
(Empfohlenes Tutorial: CSS-Video-Tutorial)
Attributeinführung:
Das Anzeigeattribut gibt den Feldtyp an, den das Element generieren soll.
Spezifischer Code:
<!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>Effekt:
Problem: Es gibt eine Lücke zwischen
li
Lösung:
Li in einer Zeile schreiben
<ul>
<li>Item1</li><li>Item2</li><li>Item3</li><li>Item4</li>
</ul>Effekt:
Verwandte Empfehlungen : CSS-Tutorial
Das obige ist der detaillierte Inhalt vonSo ordnen Sie eine CSS-Liste horizontal an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
