<html>
// 居中
<style type="text/css">
.container {
display: table; /* 让div以表格的形式渲染 */
width: 100%;
border: 1px solid red;
}
.inner {
display: table-cell; /* 让子元素以表格的单元格形式渲染 */
text-align: center; /* 把文本排列到中间 */
vertical-align: middle; /* 把此元素放置在父元素的中部 */
}
</style>
<div class="container">
<div class="inner">
hello world！
</div>
</div>
</html>
image.png
