Was sind die CSS-Inline-Blockelemente?

青灯夜游
Freigeben: 2023-01-06 11:12:37
Original
12284 Leute haben es durchsucht

Zu den

CSS-Inline-Blockelementen gehören: 1. img, zum Definieren von Bildern in HTML-Seiten; 2. textarea, zum Definieren eines mehrzeiligen Texteingabesteuerelements; 3. input, zum Angeben, wo Benutzer Daten eingeben können.

Was sind die CSS-Inline-Blockelemente?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Blocketikettenelemente: p p h1-h6 hr ul ol li dl dd dt Form

①Unterstützt Breite und Höhe, Anordnung von oben nach unten

②Nicht von Leerzeichen betroffen

③Allgemeine Verwendung Behälter für andere Etiketten

④Die Standardbreite beträgt 100 % (nur eine Zeile).

Inline-Label-Element: span i a b strong em sub sup u label br-Schriftart

①Unterstützt Breite und Höhe nicht (Breite und Höhe werden automatisch entsprechend der Inhaltsgröße erweitert), angeordnet von links nach rechts

② Erhalten Sie einen Leerzeicheneinfluss ③ ③ Belegen Sie nicht ausschließlich eine Zeile mit Zeilenbeschriftungselementen: img textarea input

① Unterstützte Breitenhöhe, angeordnet von links nach rechts ② Ausschließlich in einer Zeile

Konvertierung zwischen Beschriftungselementen

display: inline (in Inline-Element konvertieren)

inline-block (in Inline-Blockelement konvertieren)      block (in Blockelement konvertieren)不 NONE (Ausgeblendet wird nicht angezeigt)

Hinweis: Wenn das Element schwebend ist ( float) wird es in die Eigenschaften des Linienelements umgewandelt.

Lernvideo-Sharing: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas sind die CSS-Inline-Blockelemente?. 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