边框与内容距离问题_html/css_WEB-ITnose

各位大神，求教，
图上所示，边框与内容之间为什么会有距离，这个距离怎么计算出来的呀，求大神指教。


代码：

  

    1111

回复讨论(解决方案)

line-height

默认就有上下左右都有10像素的距离，{padding:0}就是设置文字与边框的距离为0的。 而{margin:0}则设置的是容器与容器之间上右下左的距离为0

line-height

没有设置过line-height呀

默认就有上下左右都有10像素的距离，{padding:0}就是设置文字与边框的距离为0的。 而{margin:0}则设置的是容器与容器之间上右下左的距离为0

量了下默认只有6px,font-size变大后，距离还会变大，这个距离怎么计算出来的

padding:0;line-height:20px;

把行高和字高设置成一样的就不会有间距了呀