水平居中很容易-垂直居中在CSS中有点棘手，因为它并没有真正得到支持（除了表格单元格之外
<td>，这是布局的不良样式，除非确实需要一个表格-否则-
一个表格）。但是您可以使用语义正确的html标记并将表显示属性应用于它。
在您的情况下，这样就足够了：
<!DOCTYPE html><html lang="de"> <head> <title>Hello World</title> <style> html, body { height: 100%; margin: 0; padding: 0; width: 100%; } body { display: table; } .my-block { text-align: center; display: table-cell; vertical-align: middle; } </style> </head> <body> <div > WORD1<br /> WORDWORDWORDWORD2 </div> </body></html>
