Was bedeutet display:inline?

display:inline bedeutet, das anzuzeigende Objekt als Inline-Element festzulegen. Inline ist der Standardwert für Inline-Objekte, und das häufig verwendete div ist ein Element auf Blockebene. aber die Anzeige des Divs ist Wenn auf Inline eingestellt, werden mehrere Divs in einer Zeile angezeigt.

display:inline bedeutet:

Legen Sie das anzuzeigende Objekt als Inline-Element fest. Inline ist ein Inline-Element object Der Standardwert von (ps: Inline-Objekte sind Elemente, die nicht automatisch Zeilenumbrüche generieren, wie z. B. span Das von uns verwendete div ist ein Element auf Blockebene, und das Standardanzeigeattribut ist block Das Div ist auf „inline, multiple“ eingestellt. Das Div kann nun in einer Zeile wie ein Span angezeigt werden.

Es kann die Inline-Anzeige ändern, um Elemente wie

<div> DIV1 </div>
 
<div> DIV2 </div>

zu blockieren. Hier belegen DIV1 und DIV2 jeweils eine Zeile, aber sie ändern sich, nachdem Sie ihnen Attribute hinzugefügt haben

<div style= "display:inline "> DIV1 </div>
 
<div style= "display:inline "> DIV2 </div>

DIV1 und DIV2 werden jetzt in derselben Zeile angezeigt. Probieren Sie es aus.

und display:inline entsprechen display:block, wodurch das mit dem CSS-Attribut angewendete HTML-Tag zu einem Element auf Blockebene wird, aber wenn Sie den display:block hinzufügen Attribut, es wird anders

<span style= "display:block "> SPAN1 </span>
 
<span style= "display:block "> SPAN2 </span>

Empfohlenes Tutorial: „CSS-Tutorial“

Das obige ist der detaillierte Inhalt vonWas bedeutet display:inline?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!