div{ border:1px solid red; width:120px; margin:12px 12px auto; }
为什么这样写不可以、?
水平居中的一个条件是margin-left 与 margin-right 应该设置为 auto ,即 margin:12px auto; 或者 margin:12px auto 12px ;代码顺序是 top、right、bottom、right,进行简写的时候需要注意。你的这种简写代码的完整代码为12px 12px 12px auto;不符合水平居中的条件
不好意思上面写错了一点,盒模型外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。即 top、right、bottom、left