Maison  >  Article  >  interface Web  >  Comment aligner le bas du texte en CSS

Comment aligner le bas du texte en CSS

藏色散人
藏色散人original
2020-12-24 09:23:088048parcourir

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.

Comment aligner le bas du texte en CSS

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 :

Comment aligner le bas du texte en CSS

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn