欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html文本垂直居中对齐_html/css_WEB-ITnose

程序员文章站 2022-05-10 08:37:22
...
html文本垂直居中对齐,代码如下:



行1

行2

行3

另一个span

实现原理:

1、首先设置div元素的高与行高为一样的值,这样在块内的行内元素就会垂直居中

2、设置span元素的显示,修改display为line-block,使其成为行内块元素

3、设置span的vertical-align为middle,以垂直居中,设置行高为1.2em,以改变继承的行高