不定宽度高度下垂直水平中央#demo{
位置: absolute;
left: 50%;
top:50%;
width: 500px;
传输:传输(-50%、-50%;
- WebKit-transform 3360 translate (-50 %、-50%;
背景: # 123455;
color: #fff;
}
垂直中心的任何内容
基于css3效应:
css2:
水平中心通常采用两种方式:
1 .区块级元素:恒幅margin:0 auto; (由于不定宽度高,所以在此不适用);
2 .在线元素:利用亲元素文本-对齐:中心; (根据情况,可以内联化) ) )。
垂直方向中央:
采用display:table-cell; 垂直Algin : middle;
例如:
#container{
显示:表;
文本对齐3360中心;
height: 400px;
width: 500px;
border : 1px固态# CCC;
}
#inner{
display :表蜂窝;
垂直对准:米;
}
效果: