text-align的center为什么不是div的中间而是div+margin-right的？

Question

Answer 1

从你的截图看，绿色表示padding，黄色表示margin，文字的真实宽度其实是width-padding，所以其实供文字显示的区域是选中部分除去绿色的部分，所以你可以看见，供文字显示的区域明显太小了，比文字的宽度小，这种情况下text-align设置为center和left的效果是一样的，center是当供文字显示的区域大于文字宽度的时候才能看见效果。