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

Util-Modul im node.js-Tutorial-Beispiel – detaillierte Erklärung

Inhaltsverzeichnis Ausgehend von der Typbeurteilu...

Detailliertes Tutorial zur Installation von VirtualBox 6.0 auf CentOS 8 / RHEL 8

VirtualBox ist ein kostenloses Open Source-Virtua...

HTML-, CSS- und JS-Kompatibilitätsbaum (IE, Firefox, Chrome)

Was ist ein Baum im Webdesign? Einfach ausgedrückt...

Gründe, warum MySQL den Abfrage-Cache abgebrochen hat

MySQL hatte zuvor einen Abfragecache, Query Cache...

Einfache Verwendung des Vue Vee-Validate-Plugins

Inhaltsverzeichnis 1. Installation 2. Import 3. V...

So kapseln Sie Abfragekomponenten basierend auf Element-UI Schritt für Schritt

Inhaltsverzeichnis Funktion Grundlegende Abfragef...

Implementierung eines Web-Rechners mit nativem JavaScript

In diesem Artikel wird der spezifische JavaScript...

HTML-Grammatik-Enzyklopädie_HTML-Sprachgrammatik-Enzyklopädie (unbedingt lesen)

Datenträgerbezeichnung, Eigenschaftsname, Beschre...

Umfassende Erklärung zu dynamischem SQL von MyBatis

Inhaltsverzeichnis Vorwort Dynamisches SQL 1. Sch...

Zusammenfassung der Anwendung von Übergangskomponenten in Vue-Projekten

​Transtion in Vue ist eine Kapselungskomponente f...

Grundlegende Konzepte und allgemeine Methoden des Map-Mappings in ECMAScript6

Inhaltsverzeichnis Was ist eine Zuordnung? Unters...