So ändern Sie UL-Text in CSS in eine horizontale Anordnung

In CSS können Sie das Float-Attribut verwenden, um den ul-Text horizontal anzuordnen. Sie müssen nur den Stil „float:left;“ zum li-Element der ul-Liste hinzufügen, damit das li-Element nach links schwebt.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Die Standard-UL-Liste ist vertikal angeordnet:

<ul>
  <li>测试文本1</li>
  <li>测试文本1</li>
  <li>测试文本1</li>
</ul>

Rendering:

Wie ändert man also den UL-Text in eine horizontale Anordnung? Sie können das Float-Attribut verwenden.

Werfen wir einen Blick auf das Codebeispiel unten

 
 



<ul>
  <li>测试文本1</li>
  <li>测试文本1</li>
  <li>测试文本1</li>
</ul>

Rendering:

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo ändern Sie UL-Text in CSS in eine horizontale Anordnung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!