Heim > Artikel > Web-Frontend > So verwenden Sie das Anzeigeattribut in CSS
So verwenden Sie das Anzeigeattribut in CSS
- 青灯夜游Original
- 2021-04-27 18:31:236634Durchsuche
Verwendung des Anzeigeattributs in CSS: 1. Konvertieren Sie Elemente von einem Typ in einen anderen Typ. Verwenden Sie beispielsweise die Anweisung „display:inline;“, um Blockelemente in Inline-Elemente umzuwandeln. Verwenden Sie die Syntax „display: keiner;".
Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version, Dell G3-Computer.
display-Attribut: Elemente von einem Typ in einen anderen konvertieren
Der Wert des display-Attributs:
inline: Inline-Element
block: Blockelement
inline-block: Inline-Blockelement
table: Wird in Form einer Tabelle angezeigt, ähnlich dem Tabellenelement.
table-row: Wird in Form einer Tabelle angezeigt, ähnlich dem tr-Element.
table-cell: Wird in der Form angezeigt einer Tabelle, ähnlich dem tr-Element td-Element
none: verstecktes Element
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
img{
display: block;/*使图片换行*/
}
div{
width: 48%;
border: 1px solid red;
display: inline-block;/*使div分块*/
}
</style>
<title>display</title>
</head>
<body>
<img src="../../img/coffee.jpg" alt="">
<img src="../../img/coffee.jpg" alt="">
<div>
div1
</div>
<div >
div2
</div>
</body>
</html>
(Teilen von Lernvideos: css-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Anzeigeattribut in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!