<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> display inline-block 居中</title>
</head>
<body>
<div class="v-center-block-wrap">
<div class="v-center-block">
<p>辅助伪类元素; 自适应宽高;</p>
<p>段落信息段落信息段落信息段落信息段落信段落信息段落段落信息段落段落信 息段落信息段落信息</p>
<img src="https://sfault-image.b0.upaiyun.com/138/754/1387544687-59b78502d71e9" class="img" alt="" />
</div>
</body>
</html>
输入 JavaScript 代码……
xxxxxxxxxx
*,div,p{margin: 0;padding: 0;}
html,body{
height: 100%;
}
.v-center-block-wrap{
text-align: center;
width: 100%;
background: #f00;
.v-center-block-wrap:before{
content: "";
display: inline-block;
vertical-align: middle;
//margin-left: -0.5%;/*(0.25em)*/
.v-center-block{
//max-width: 99%;
background: #f99;