div css show hide

div css display and hide

CSS kann die Sichtbarkeit von Elementen über das Anzeigeattribut steuern. Die folgenden Methoden werden häufig verwendet:

1. display: none, um Elemente auszublenden display: none;, das Element wird nicht auf der Seite angezeigt und nimmt keinen Platz ein.
   

<div class="hidden">这是要隐藏的内容</div>

<style>
.hidden{
  display: none;
}
</style>

display: block;
2. display: block; wird in Form einer Elementshow auf Blockebene vorliegen. Standardmäßig ist das div-Element ein Element auf Blockebene und wird in einer eigenen Zeile auf der Seite angezeigt.
   

<div class="block">这是块级元素</div>

<style>
.block{
  display: block;
}
</style>

display: inline;
3. display: inline; bedeutet, dass das Das Element wird als Inline-Element-Show angezeigt. Standardmäßig ist das span-Element ein Inline-Element und wird in derselben Zeile wie andere Inline-Elemente oder Text auf der Seite angezeigt.
   

<div class="inline">这是行内元素</div>

<style>
.inline{
  display: inline;
}
</style>

display: inline-block;
4. display: inline-block; dass das Element inline als Elemente auf Blockebene angezeigt wird. Inline-Elemente auf Blockebene können in derselben Zeile wie andere Elemente wie Inline-Elemente angezeigt werden und können auch Breite, Höhe, innere und äußere Ränder sowie andere Attribute wie Elemente auf Blockebene festlegen.
   

<div class="inline-block">这是行内块级元素</div>

<style>
.inline-block{
  display: inline-block;
}
</style>

Das obige ist der detaillierte Inhalt vondiv css show hide. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!