So passen Sie die Position von HTML-Inhalten an

coldplay.xixi
Freigeben: 2023-01-03 09:27:42
Original
31718 Leute haben es durchsucht

So passen Sie die Position des HTML-Inhalts an: Erstellen Sie zunächst zwei div-Container in der HTML-Datei, legen Sie den Stil des Klassenattributs im Style-Tag fest.

So passen Sie die Position von HTML-Inhalten an

Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5-Version, DELL G3-Computer.

So passen Sie die Position von HTML-Inhalten an:

1 Um die Position in HTML anzupassen, verwenden Sie das Float-Attribut von CSS. Für eine detaillierte Verwendung erstellen Sie zunächst zwei div-Container in der HTML-Datei, um Demonstrationseffekte zu ermöglichen, und legen Sie zur einfachen Unterscheidung unterschiedlichen Text fest:

So passen Sie die Position von HTML-Inhalten an

2. Legen Sie das Klassenattribut für das div-Tag im Stil fest Geben Sie dem Tag „Höhe“, „Breite“ und „Farbe“ an. Einer der h2-Tags verwendet das Float-Attribut und der andere nicht. Die Rolle des Float-Tags kann hier darin bestehen, den Text links oder rechts anzuzeigen, oder er kann auf leer gesetzt werden. Zum Schluss speichert Strg+S die Datei:

So passen Sie die Position von HTML-Inhalten an

3. Öffnen Sie den Browser dass die Textpositionen in den beiden Divs nicht identisch sind. Der Text mit dem Float-Tag ist an der richtigen Position. So passen Sie die Textposition in HTML an:

So passen Sie die Position von HTML-Inhalten an

Verwandte Lernempfehlungen: HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo passen Sie die Position von HTML-Inhalten an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!