Die spezifische Implementierung von div, das nicht automatisch umschließt und das Nichtumschließen in HTML erzwingt

Die spezifische Implementierung von div, das nicht automatisch umschließt und das Nichtumschließen in HTML erzwingt
1. Verwenden Sie das Tag <nobr>, um keinen Zeilenumbruch zu erreichen

Code kopieren
Der Code lautet wie folgt:

<div>Hallo Welt! <nobr> Hallo Welt!<nobr></div>

2. Verwenden Sie das Tag <nowrap element>

Code kopieren
Der Code lautet wie folgt:

<div nowrap>Hallo Welt! Hallo Welt! Hallo Welt! Hallo Welt!</div>

3 Kein Zeilenumbruch erzwingen

Code kopieren
Der Code lautet wie folgt:

div{
Leerzeichen:nowrap;
}

4. Wenn es zwei Divs gibt, kann Float verwendet werden, um Zeilenumbrüche zu vermeiden

Code kopieren
Der Code lautet wie folgt:

<div class="class1">hallo</div>
<div class="class2">Welt! </div>
.Klasse1 {float:left;}

5. Die Anzeige kann auch in div verwendet werden, um keinen Zeilenumbruch zu erreichen

Code kopieren
Der Code lautet wie folgt:

<div class="class1">hallo</div>
<div class="class2">Welt! </div>
.klasse1 {anzeige:inline;}
.class2{display:inline;}

<<:  Überwachung sowie Betrieb und Wartung von Linux-Diensten

>>:  Detaillierte Erläuterung des Kapselungsbeispiels für Netzwerkanforderungen

Artikel empfehlen

Achten Sie bei der Webseitenerstellung auf die Verwendung von HTML-Tags

HTML hat versucht, sich von der Präsentation weg ...

HTML-Tutorial: Sammlung häufig verwendeter HTML-Tags (5)

Diese eingeführten HTML-Tags entsprechen nicht un...

So öffnen Sie Ports zur Außenwelt in Alibaba Cloud Centos7.X

Kurz gesagt: Wenn Sie einen Cloud-Server eines be...

Centos7 installiert mysql5.6.29 Shell-Skript

In diesem Artikel wird das Shell-Skript von mysql...

Lassen Sie uns ausführlich über den Symboldatentyp in ES6 sprechen

Inhaltsverzeichnis Symboldatentyp Der Grund, waru...

Windows Server 2008-Tutorial zur Überwachung der Serverleistung

Als Nächstes erfahren Sie, wie Sie die Serverleis...

VMware Workstation 14 Pro installiert CentOS 7.0

Die spezifische Methode zur Installation von Cent...

So erhalten Sie die Schnittmenge/Differenz/Vereinigung zweier Mengen in MySQL

Typische MySQL-Szenarien: Schnittmenge und Differ...

Benutzerdefinierte optionale Zeitkalenderkomponente von Vue

In diesem Artikelbeispiel wird der spezifische Co...

Installations-Tutorial für mysql8.0rpm auf centos7

Laden Sie zunächst das Diagramm herunter 1. Deins...

MySQL-Datenbank Shell import_table Datenimport

Inhaltsverzeichnis MySQL Shell import_table Daten...