HTML垂直居中？这5个小方法让你秒懂 |html5绘直线

Posted on 05/31/2015 | by liu

一、使用flex布局

ster;

二、使用table布局

iddle即可。

sform属性

sformsformslateY(-50%);

e-height属性

elineeiddle;

五、使用calc()函数

:relative; top:calc(50% – 元素高度/2);

以上就是HTML垂直居中的5个小技巧，各有各的优缺点，根据实际情况选择合适的方法才能更好地实现垂直居中。

HTML乘方怎么实现？（详解HTML中的数学运算符） |生日快乐移动端html5 | HTML乘方怎么实现？（详解HTML中的数学运算符） |生日快乐移动端html5 ...

HTML单选按钮的设置方法（详细教程，包教包会） |jsp中嵌套html | HTML单选按钮的设置方法（详细教程，包教包会） |jsp中嵌套html ...

HTML文件如何导出所有内容（详细步骤分享） |htmlswf视频自动全屏 | HTML文件如何导出所有内容（详细步骤分享） |htmlswf视频自动全屏 ...