Maison > Article > interface Web > html文本垂直居中对齐 - 猿客
html文本垂直居中对齐 - 猿客
- WBOYoriginal
- 2016-05-21 08:35:202091parcourir
html文本垂直居中对齐，代码如下：
行1
行2
行3
另一个span
实现原理：
1、首先设置div元素的高与行高为一样的值，这样在块内的行内元素就会垂直居中
2、设置span元素的显示，修改display为line-block,使其成为行内块元素
3、设置span的vertical-align为middle,以垂直居中，设置行高为1.2em，以改变继承的行高
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：浏览器兼容性常见 - 地球小子Article suivant：使用CSS3制作三角形小图标 - 小君君的博客