新闻资讯

首页 > 建站知识 > 未知高度图文混合排版的垂直居中
未知高度图文混合排版的垂直居中发布时间:2019-08

<style type="text/css">
body{ margin:0 ; padding:0; background-color:#333333; color:#FEFEFE;
font-size:12px; line-height:150%}
a { color:#FFF;}
.ver{width: 740px; background: #292928; border: 1px solid #6c6c6c;
margin: 30px auto;}   
.ver-center {background:#292928;text-align:center;display:table-cell;
vertical-align: middle; height: 400px; width: 740px;}   
.ver-center img { border: 2px #ffffff solid; padding:2px;}   
.ver-center .bli{ width: 500px; text-align: justify;
margin: 10px auto; display:block}   
.edge {width: 0; height: 100%; display: inline-block;
vertical-align: middle;}    
.container {text-align:center;width:100%;display:inline-block;
vertical-align: middle;}
</style>