HTML行内级元素之间的空格问题.docxVIP

第 第 PAGE 1 页 共 NUMPAGES 1 页 HTML行内级元素之间的空格问题 HTML行内级元素之间的空格问题  1.为什么元素之间会产生空格？ 在编写行内级元素（包括inline-block元素）的代码之间假如有空格（换行），在扫瞄器上就会显示元素之间有空格。  示例代码如下：  .box span { background-color: red;  }  span1  span2  span3    注重：  不管我们在元素之间敲如多少空格，都会被解析成一个空格； 空格本身就是一个字符，所以空格的大小是由父元素的font-size来打算的，父级元素设置的字体越大，空格越大；  2.如何去掉元素之间的空格呢？  元素代码之间不留空格：元素产生空格的缘由就是我们敲入了空格或者换行，解决计划一就是元素代码之间不留空格，弊端就是代码不美观并且可读性差。   span1span2span3   注释掉空格：扫瞄器不会解析html代码的注释，将空格注释掉也可以消退元素之间的空格，弊端就是繁琐、不美观。   span1span2span3