Question

Html如何设置元素垂直居中？

Answer 1

1.单行文本是通过设置父元素的height和line-height高度一致来完成的，其中height是指元素的高度,line-height是指行间距。

案例：

写一个

我是单行文本，我想垂直居中

效果如图：

2.在

结果如图:

3.父元素的高度确定，table标签包裹然后设置vertical-align：middle

案例：

写三个

我是多行文本1，我想垂直居中

我是多行文本2，我想垂直居中

我是多行文本3，我想垂直居中

效果如图：

4.table（因为td标签默认情况下就默认设置了vertical-align为middle。所以不用重新再写vertical-align:middle）标签包裹代码设置.