HTML中怎么使文字各种居中对齐？

　　html文字居中代码具体示例如下：

　　<!DOCTYPEHTML>

　　<htmllang="en">

　　<head>

　　<title>html文字居中测试</title>

　　<metacharset="UTF-8">

　　<styletype="text/css">

　　body{background:#ddd;}

　　div{width:300px;height:180px;margin:10pxauto;color:#fff;font-size:24px;}

　　.box1{background:#71a879;text-align:center;}

　　.box2{background:#6a8bbc;line-height:200px;}

　　.box3{background:#dea46b;text-align:center;line-height:200px;}

　　</style>

　　</head>

　　<body>

　　<divclass="box1">html文字水平居中</div>

　　<divclass="box2">html文字垂直居中</div>

　　<divclass="box3">html文字水平上下居中</div>

　　</body>

　　</html>

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html5/h54948.shtml