div内不用line-height怎么设置动态居中

Question

div内不用line-height怎么设置动态居中

Answer 1

display: table-cell; //主要是这个属性

vertical-align: middle;

Answer 2

对于你的这种情况元素居中有两种方法：

1. flex布局(div对应的类名)：

    .container{
         width:950px;
         height:470px;
         background:#2e2e2e;
         display: flex;
         align-items: center;
         justify-content: center;
    }

2.transfrom来居中

在div标签中加入：position: relative;
在div标签里的一个div标签里加入：
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);

参考链接：transform居中

Answer 3

position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;

可以试试这个

Answer 4

position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);

Answer 5

用新的用法吧，flex

Answer 6

if 低版本IE

table-cell 

else

看楼上