css自适应宽度 正方形布局 九宫格
2017-08-16 本文已影响0人
Jeff_Tsui
*{
margin:0; padding:0;
}
ul{
text-decoration:none;
list-style-type:none;
}
.video_list>li{
float:left;
width:32%;
text-align:center;
border:1px solid#ccc;
padding-top:31%;
margin-left:1%;
margin-top:1%;
position:relative;
}
.video_list>li>div{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:#09BE07;
}
.video_list>li>div>span{
display:inline-block;
margin-top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
