本篇介绍html如何设置垂直居中。
方法/步骤
1
父元素高度确定的单行文本。设置父元素的 height 和 line-height 高度一致来实现。如图。
2
浏览器查看结果如图。
3
设置块级元素的 display 为 table-cell,设置 vertical-align 属性, IE6、7 并不支持。如图。
4
查看结果如图所示。
5
绝对布局,left和top为50%,再用transform向左(上)平移它自己宽度(高度)的50%。如图。
6
浏览器查看结果如图所示。
下一篇:css中设置div居中显示的方法