Heim > Artikel > Web-Frontend > So legen Sie fest, dass das p-Tag nicht in CSS eingeschlossen wird

So legen Sie fest, dass das p-Tag nicht in CSS eingeschlossen wird

青灯夜游Original: 2021-01-27 18:29:2416362Durchsuche

So stellen Sie ein, dass das p-Tag nicht umbrochen wird: Verwenden Sie das Anzeigeattribut und setzen Sie den Wert des Anzeigeattributs im p-Tag-Element auf „inline“ oder „inline-block“. Dadurch kann das p-Tag als angezeigt werden B. ein Inline-Element oder ein Inline-Blockelement, gibt es vor und nach dem Element keine Zeilenumbrüche, sodass keine Zeilenumbrüche vorgenommen werden können.

Die Betriebsumgebung dieses Artikels: Acer S40-51, CSS3&&HTML5&&HBuilder Element wird eine eigene Zeile belegen. Standardmäßig wird das p-Tag automatisch umbrochen.

Beispiel:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>css设置p标签不换行</title>
		<style>
			p{
				background: pink;
			}
		</style>
	</head>
	<body>
		<p>测试文本。</p>
		<p>测试文本。</p>
		<!-- 
		p标签是块级元素，会独占一行
		默认情况下p标签会自动换行的
		 -->
	</body>
</html>

Rendering:

Wenn wir möchten, dass das p-Tag nicht umbrochen wird, wie richtet man dann zwei p-Tags in derselben Zeile ein?

Stellen Sie das p-Tag so ein, dass es nicht umbrochen wird.

css Sie können den Stil „display:inline;“ oder „display:inline-block;“ für das p-Tag festlegen, sodass das p-Tag nicht umbrochen wird.

So legen Sie fest, dass das p-Tag nicht in CSS eingeschlossen wird Beispiel:

Rendering:

display:inline;

So legen Sie fest, dass das p-Tag nicht in CSS eingeschlossen wird

display attribute 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.

So legen Sie fest, dass das p-Tag nicht in CSS eingeschlossen wird Attributwert:

<strong>display:inline;</strong>

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-Blockelemente, es gibt keine Zeilenumbrüche vor und nach den Elementen. (Neuer Wert in CSS2.1)
Eigenschaften von Inline-Elementen:
Das Festlegen der Breite und Höhe ist ungültig.

Das Festlegen des Randes ist nur in der linken und rechten Richtung gültig, nicht jedoch nach oben und unten; die Polsterungseinstellung gilt sowohl für oben als auch für unten, links und rechts, d Kein automatischer Zeilenumbruch

Möglichkeit, Breite und Höhe zu identifizieren
Die Standardanordnung ist von links nach rechts
Weitere Kenntnisse zum Thema Programmierung finden Sie unter:
Programmiervideo
! !

Das obige ist der detaillierte Inhalt vonSo legen Sie fest, dass das p-Tag nicht in CSS eingeschlossen wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

html5 css css3 html xml display margin padding

Stellungnahme：

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

Vorheriger Artikel：So legen Sie die Schriftgröße in CSS festNächster Artikel：So legen Sie die Schriftgröße in CSS fest

In Verbindung stehende Artikel

Mehr sehen