<style>
div{
border:1px solid red;/*为了显示居中效果明显为 div 设置了边框*/
width:500px;/*定宽*/
margin:20px auto;/* margin-left 与 margin-right 设置为 auto */
}
</style>
把div看成一个整体，即红框和文本当成一个整体，别专注文本。
把定宽删除后，文本会居左，其实就是整个div居左了。
删了后不能居中了，你把删除前后的效果图全屏看下就知道了
居中是通过 margin里面的 auto（自动）来实现的吧 定宽 是给div一个固定的宽度