多语言展示
当前在线:953今日阅读:84今日分享:32

html如何设置垂直居中

本篇介绍html如何设置垂直居中。
方法/步骤
1

父元素高度确定的单行文本。设置父元素的 height 和 line-height 高度一致来实现。如图。

2

浏览器查看结果如图。

3

设置块级元素的 display 为 table-cell,设置 vertical-align 属性, IE6、7 并不支持。如图。

4

查看结果如图所示。

5

绝对布局,left和top为50%,再用transform向左(上)平移它自己宽度(高度)的50%。如图。

6

浏览器查看结果如图所示。

推荐信息