1 <body> 2 <div class="container"> 3 <button class="show">显示</button> 4 <button class="hide">隐藏</button> 5 <a href="">AAAAA</a> 6 <a href="">BBBBB</a> 7 </div> 8 </body>
在 .container 里面有四个行内元素，button 默认是 display:inline-block; a 默认是 display:inline;
1，对于行内元素（包括：行内块级元素，行内元素）只要换行，两个标签之间就会存在一个空格。
效果显示如下：
-------------------
1 <body> 2 <div class="container"> 3 <button class="show">显示</button 4 ><button class="hide">隐藏</button 5 ><a href="">AAAAA</a 6 ><a href="">BBBBB</a> 7 <div class="box"></div> 8 </div> 9 </body>
如果在 .container 中 行内元素 行内块级元素 没有换行：
那么标签与标签之间没有空格，且全部在黏在一起，效果如下图：
===========================================================
原文：https://www.cnblogs.com/Knowledge-is-infinite/p/11353833.html