Maison >interface Web >tutoriel CSS >Comment puis-je centrer verticalement un texte sur une seule ligne dans une division ?
Comment puis-je centrer verticalement un texte sur une seule ligne dans une division ?
- Barbara Streisandoriginal
- 2024-12-31 19:12:09140parcourir
Alignement vertical du texte dans un div
Comme détaillé dans la discussion référencée, l'alignement vertical du texte dans un div peut être difficile. L'implémentation de margin-top seule peut ne pas suffire.
Solution pour le texte sur une seule ligne
Pour les situations impliquant une seule ligne de texte, une approche simple existe :
div {
height: 200px;
line-height: 200px;
}
<div>vertically centered text</div>
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
Article précédent：Comment puis-je arrêter une animation CSS3 à son image finale ?Article suivant：Comment puis-je arrêter une animation CSS3 à son image finale ?