当前位置:Gxlcms > html代码 > div水平居中垂直居中_html/css_WEB-ITnose

div水平居中垂直居中_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:22人阅读

水平居中

方案一:

使用margin:0 auto

test    
hello

方案二:

使用:

left:50%;top:50%;margin-left:-width/2;margin-top:-height/2; 

定位一半后,再负边距左移和上移。达到水平和垂直方向居中效果

test    
hello

tip:若想垂直居中,margin:auto auto 这样简单的设置是不行的..

人气教程排行