文字与div相隔4个像素的CSS代码就是 padding:4px
不过在浏览器中显示出来的时候,只有左边和上边是相隔4像素;
1、因为字符从左往右排,排到最右边的时候,可能剩下2像素,但一个字符可能需要5像素,这时就会排到下一行,这一行就有2像素的空白,再加上你定义的4像素,就是6像素;
2、因为字符有行距,有高度,所以和第一条一样,做不到刚好4像素;
所以,做到看起来完全是左右一样是基本不可能的。
内边距可以实现你的padding:4px 这就代表你的内边距都是4 padding:上 右 下 左 也可以这样控制
外边距一样的用法margin:4px全部是4 margin:0 0 0 0 跟padding一样
代码如下: