运行下面代码,会发现,它并没有垂直居中;
<style type="text/css">
.parent{
height: 200px;
width: 200px;
background-color: pink;
/*display: table-cell;*/
vertical-align: middle;
text-align: center;
}
</style>
<body>
<div class="parent">
<span>111111111</span>
</div>
</body>
如何解决这个问题呢?加上 display: table-cell;即可实现垂直居中。