1、在html编辑器中，新建一个html文件，例如：index.html。
2、在index.html中的body标签中，填入html代码：
3、最后，浏览器运行index.html，此时html中的文字被成功垂直水平居中显示。
使文字在div中水平和垂直居中的的css样式为
水平居中：
text-align:center; /*水平居中*/
line-height: 20px; /*行距设为与div高度一致*/
2.垂直居中：
div{
width:200px;height:200px; /*设置div的大小*/
border:1px solid green; /*边框*/
text-align: center; /*文字水平居中对齐*/
line-height: 200px; /*设置文字行距等于div的高度*/
overflow:hidden;
}
显示效果
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024