<!doctype html> <head> <meta charset="UTF-8"> <title>水平居中</title> <style type="text/css"> .box{border:1px dotted red;300px;height:100px;margin:20px auto;} </style> </head> <body> <div class="box"> 这是一个盒子中的元素,通过设置margin的属性可以实现水平居中 </div> </body> </html>