androidstudiotable居中代码_div⽔平垂直居中的⽅法
在平时，我们经常会遇到让⼀个div框针对某个模板上下左右都居中(⽔平垂直居中)，其实针对这种情况，我们有很多种⽅法实现。
⽅法⼀：
绝对定位法，不确定当前div宽度和⾼度，采⽤ transform :  translate (-50%,-50%);，当前div的⽗级添加相对定位( position : relative;)
效果图：
代码如下：
.one{        width: 200px;        height: 200px;        background: #4a5064;        position: relative;    }    .two{        width: 100px;        height: 100px;        background: #⽅法⼆：
绝对定位的⽅法：确定要居中的div宽度，margin值为要居中div宽度⼀半的负值。
代码如下：
.one{        width: 200px;        height: 200px;        background: #4a5064;        position: relative;    }    .two{        width: 100px;        height: 100px;        background: #0⽅法三:
绝对定位的⽅法：绝对定位下top、left、reign、bottom 都设置为0。
代码如下：
div中的div居中
.one{        width: 200px;        height: 200px;        background: #4a5064;        position: relative;    }    .two{        width: 100px;        height: 100px;        background: #⽅法四：
flex布局⽅法：当前div的⽗级添加flex css样式。
代码如下：
.
one{        width: 200px;        height: 200px;        background: #4a5064;        display: flex;        align-items: center;        justify-content: center;        -webkit-display:fl ⽅法五：
table-cell实现⽔平垂直居中：table-cell middle center 结合使⽤。 垂直居中的如果是div 等块级元素，需设置 display: inline-block;
代码如下：
.one{        width: 200px;        height: 200px;        background: #4a5064;        display: table-cell;        vertical-align: middle;        text-align: center;    }    .two{
⽅法六：
绝对定位：calc( ) 函数动态计算⽔平居中。
代码如下：
.one{        position: relative;        width: 200px;        height: 200px;        background: #4a5064;    }    .two{        position: absolute;        width: 100px;        height: 100

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。