CSS：垂直和水平对齐文本？
这个问题在这里已经有了答案：
如果您必须支持旧浏览器，最安全的方法是避免使用CSS3 。 这种方法应该适用于所有浏览器。
CSS-Tricks写了一篇文章。 https://css-tricks.com/centering-in-the-unknown/
.date-container{ <-- Your Red Box
display: table; <-- Set the Container to Display Table
.date{
display: table-cell; <-- Set the Date to Display Table-Cell
text-align: center; <-- Align Text Center
vertical-align: middle; <-- Set Vertical Alignment to Middle
padding: 40px; <-- Adjust Accordingly
}
}
查看笔：http://codepen.io/luisreyes/pen/pjvrMj
如果它是一行文字和/或图像，那么很容易做到。 只需使用
text-align: center;
vertical-align: middle;
line-height: 90px;
查看演示：DEMO PAGE
文本垂直对齐
.element {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
只需水平对齐即可使用
.parentelement{
text-align:center;
}
参考这个，也可以用来打破你的句子，你可以使用“br标签”
链接地址: http://www.djcxy.com/p/13223.html