1.单行文本的水平居中
<!DOCTYPE html>
<html>
<head>
<title>测试页面</title>
<style type="text/css">
div{
border:1px solid pink;
text-align:center;
}
</style>
</head>
<body>
<div>我是一段文本呀文本</div>
</body>
</html>
2.单个div的水平居中
<!DOCTYPE html>
<html>
<head>
<title>测试页面</title>
<style type="text/css">
div{
border:1px solid pink;
text-align:center;
width:300px;
margin:0 auto;
}
</style>
</head>
<body>
<div>我是一段文本呀文本</div>
</body>
</html>
网友评论