So stellen Sie ein, dass das CSS-P-Tag nicht umbrochen wird

So legen Sie das CSS-P-Tag ohne Zeilenumbrüche fest: Erstellen Sie zunächst eine HTML-Beispieldatei. Definieren Sie dann einige P-Tags. Fügen Sie schließlich den CSS-Stil zu den P-Tags hinzu, um eine Anzeige ohne zu erreichen Zeilenumbrüche.

Die Betriebsumgebung dieses Artikels: Windows 7-System, HTML5- und CSS3-Version, Dell G3-Computer.

Wie stelle ich ein, dass das p-Tag nicht in CSS eingeschlossen wird?

p-Tag ist ein Element auf Blockebene und belegt eine eigene Zeile. Was ist, wenn wir zwei p-Tags in derselben Zeile setzen möchten? Schauen wir uns an, wie man mit CSS festlegt, dass das p-Tag nicht umbrochen wird.

Standardmäßig wird das p-Tag automatisch umbrochen. Schauen wir uns an, wie man mit CSS festlegt, dass das p-Tag nicht umgebrochen wird:

Beispiel

CSS-Code

p{display: inline;}

HTML-Code

<p>aaa</p> 
<p>bbb</p>

Rendering:

Wir verwenden den display:inline-Stil, um zu verhindern, dass das p-Tag umbrochen wird.

Einführung in den Anzeigestil: Das Attribut

display gibt den Feldtyp an, den das Element generieren soll.

Dieses Attribut wird verwendet, um den Typ des Anzeigefelds zu definieren, das vom Element beim Erstellen eines Layouts generiert wird. Bei Dokumenttypen wie HTML kann die unvorsichtige Verwendung der Anzeige gefährlich sein, da sie möglicherweise die bereits in HTML definierte Anzeigehierarchie verletzt. Da XML nicht über diese Art von Hierarchie verfügt, ist die gesamte Anzeige unbedingt erforderlich.

【Lernvideo-Sharing: CSS-Video-Tutorial】

Attributwert:

none Dieses Element wird nicht angezeigt.

block Dieses Element wird als Element auf Blockebene angezeigt, mit Zeilenumbrüchen vor und nach diesem Element.

Inline-Standard. Dieses Element wird als Inline-Element ohne Zeilenumbrüche vor oder nach dem Element angezeigt.

inline-block Inline-Blockelement. (Neuer Wert in CSS2.1)

list-item Dieses Element wird als Liste angezeigt.

run-in Dieses Element wird je nach Kontext als Blockebenenelement oder als Inline-Element angezeigt.

compact Es gab einen Wert „compact“ in CSS, der jedoch aus CSS2.1 entfernt wurde, da keine breite Unterstützung vorhanden war.

marker Es gibt einen Wertmarker in CSS, der jedoch aus CSS2.1 entfernt wurde, da keine breite Unterstützung vorhanden ist.

table Dieses Element wird als Tabelle auf Blockebene angezeigt (ähnlich wie

), mit Zeilenumbrüchen vor und nach der Tabelle.

inline-table Dieses Element wird als Inline-Tabelle angezeigt (ähnlich wie

), ohne Zeilenumbrüche vor und nach der Tabelle.

table-row-group Dieses Element wird als Gruppe aus einer oder mehreren Zeilen angezeigt (ähnlich wie

).

table-header-group Dieses Element wird als Gruppe aus einer oder mehreren Zeilen angezeigt (ähnlich wie

).

table-footer-group Dieses Element wird als Gruppe aus einer oder mehreren Zeilen angezeigt (ähnlich wie

).

table-row Dieses Element wird als Tabellenzeile angezeigt (ähnlich wie

).

table-column-group Dieses Element wird als Gruppe aus einer oder mehreren Spalten angezeigt (ähnlich wie

).

table-column Dieses Element wird als Zellenspalte angezeigt (ähnlich wie

)

table-cell Dieses Element wird als Tabellenzelle angezeigt (ähnlich wie

).

inherit gibt an, dass der Wert des Anzeigeattributs vom übergeordneten Element geerbt werden soll.

und	) table -caption Dieses Element wird als Tabellentitel angezeigt (ähnlich wie

Das obige ist der detaillierte Inhalt vonSo stellen Sie ein, dass das CSS-P-Tag nicht umbrochen wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!