Heim  >  Artikel  >  Web-Frontend  >  Was ist ein Inline-Element in CSS?

Was ist ein Inline-Element in CSS?

藏色散人
藏色散人Original
2021-02-03 10:44:153827Durchsuche

Inline-Elemente werden in CSS auch als Inline-Elemente bezeichnet. Zu den im Layout häufig verwendeten Tags gehören a, span, em, b, strong, i usw., und ihre Geschwisterelemente liegen nebeneinander. und sie werden in der Reihenfolge von links nach rechts in derselben Zeile angezeigt und belegen keine separate Zeile.

Was ist ein Inline-Element in CSS?

Die Betriebsumgebung dieses Artikels: Windows7-System, CSS3-Version, Dell G3-Computer.

1. Was ist ein Inline-Element?

Inline-Elemente haben viele Namen, z. B. Inline-Elemente, Inline-Elemente, Inline-Elemente, Inline-Elemente usw., die Elementen auf Blockebene entsprechen. Ein Inline-Element und seine Geschwisterelemente werden in der Reihenfolge von links nach rechts nebeneinander in derselben Zeile angezeigt und belegen keine separate Zeile.

2. Eigenschaften von Inline-Elementen

(1) In derselben Zeile wie andere Geschwisterelemente, es ist nicht erforderlich, eine neue Zeile zu beginnen

(2) Breite, Höhe und Ränder nach oben und unten können nicht festgelegt werden

(3) Die Breite wird durch den Inhalt gestaucht, das heißt, seine Breite entspricht der Breite seines Inhalts

(4) Es kann nur Inline-Elemente und Text aufnehmen und ist normalerweise in Elementen auf Blockebene enthalten. Empfohlen: „

CSS-Video-Tutorial


3. Gemeinsame Inline-Elemente

a – 锚点
img – 图片
input – 输入框
span – 常用内联容器,定义文本内区块
b – 粗体(不推荐)
big – 大字体
br – 换行
em – 强调
font – 字体设定(不推荐)
i– 斜体
s – 中划线(不推荐)
select – 项目选择
small – 小字体文本
strike – 中划线
strong – 粗体强调
sub – 下标
sup – 上标
textarea– 多行文本输入框
u – 下划线

Das obige ist der detaillierte Inhalt vonWas ist ein Inline-Element in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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 kopieren Sie Webseiten-CSSNächster Artikel:So kopieren Sie Webseiten-CSS