我一开始看到关于“盒子1”为什么不居中的问题也愣了一下,可是想了想就明白了,文字也是占用像素的,假如要是文字距离边框的像素上下左右一直都相等的话是问题的,只有一些特定的数值能做到这些。其实内容应该也算作一个边框,“盒子1 ”是放在内容中的,padding只是设置了内容到边框的距离,并没有设置“盒子1”在内容中的位置。设置字体样式就可以居中了。但是我在看问答的时候有见回复提到了关于边界的问题,并且老师也有提到过。但是我还是不清楚边界怎么做到让“盒子1”这几个字居中的问题,难道边界有到内容距离的属性吗?
如果是文字盒子1相对于div是否居中和div的边界没有关系,如果是整个div盒子相对于浏览器就有关系了,可以设置margin来设置
text-align: center;