css居中

自己觉得比较好用的居中。。。

css：

body{
text-align: center;
}
.div-b{
margin: auto;
margin: 5%;
padding: auto;
}
.div-s{
width: 300px;
height: 150px;
margin: 1%;
background-color: #56d94c;
float: left;
text-align: center;
}
#div-1{
text-align: center;
line-height: 150px;
}
#div-2{
position: relative;
   top: 50%;  
   left: 50%;  
   transform: translate(-50%,-50%);  
}
#div-3{

margin-top: 64px;  

//为什么是64 因为 高度150减去一半75 再减去 11px(字体大小行高)的一半 就是 64 不要在乎细节 其他两个还是相当好用的

}

html：

<div class="div-b">


<div id="" class="div-s">
<div id="div-1">
1
</div>
</div>
<div id="" class="div-s">
<div id="div-2">
2
</div>

</div>
<div id="" class="div-s">
<div id="div-3">
3
</div>

</div>

</div>