Comment aligner le bas du texte en CSS

Comment aligner le bas du texte avec CSS : créez d'abord un exemple de fichier HTML ; puis définissez un bloc div ; et enfin définissez le style CSS sur " display:table-cell;vertical-align:bottom;" le bas du texte.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

Recommandé : "Tutoriel vidéo CSS"

Comment aligner le bas du texte dans un div avec CSS

1. Créer un élément HTML

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

2. Ajouter un style CSS

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

Rendu :

Pour plus de connaissances liées à la programmation, veuillez visiter : Vidéo de programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!