So richten Sie den unteren Rand des Textes in CSS aus

So richten Sie den Text unten in CSS aus: Erstellen Sie zunächst eine HTML-Beispieldatei. Definieren Sie anschließend den CSS-Stil auf „display:table-cell;vertikal-align:bottom;“. Unten im Text.

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

Empfohlen: „css-Video-Tutorial“

So richten Sie den unteren Teil des Textes in div mit CSS aus

1. Erstellen Sie ein HTML-Element

<div>文字在div的底部对齐</div>

2. Fügen Sie einen CSS-Stil hinzu

div{
    width:200px;
    height:50px;  /*设置div的大小*/
    border:4px solid #beceeb; /*为了便于观察，显示出边框*/
    display:table-cell; 
    vertical-align:bottom;
}

Rendering:

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmiervideos! !

Das obige ist der detaillierte Inhalt vonSo richten Sie den unteren Rand des Textes in CSS aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!