不定宽高的DIV,垂直水平居中

出处:https://www.tongbiao.xyz/
1、怎么让一个不定宽高的DIV,垂直水平居中?

答:1)使用CSS方法。

父盒子设置:

display:table-cell;

text-align:center;

vertical-align:middle;//

Div设置:

display:inline-block;

vertical-align:middle;//

2)使用CSS3 transform。

父盒子设置:position:relative

Div设置:transform: translate(-50%,-50%);position: absolute;top: 50%;left: 50%;

 

posted on 2017-03-01 09:57  童彪  阅读(258)  评论(0编辑  收藏  举报

导航