div+css实现元素垂直水平居中

2017-01-06  本文已影响0人  C_Y大渔

方法1:(未知宽高-加给父级)

vertical-align:middle;

display:table-cell;

text-align:center;

方法2:(加给元素本身)

margin: auto;

position: absolute;

left: 0;

right: 0;

top: 0;

bottom: 0;

方法3:(加给元素本身)

position:absolute;

left:50%;

top:50%;

margin-left:width/2;

margin-top:height/2;

方法4:(弹性盒模型-交给父级)

display: -webkit-box;           //开启弹性盒模型

-webkit-box-align: center;    //水平居中

-webkit-box-pack: center;    //垂直居中

方法5:(待续...)

上一篇下一篇

猜你喜欢

热点阅读