解决在线闭塞引起的单元间距问题
本文主要介绍了内联块与块之间间距的元件的解决方案，inlinke内联和块。显示：内联块：所有前端人员都知道对象是作为内联对象来呈现对象，但是对象的内容以块对象的形式呈现。
有以下代码
CSS代码将内容复制到剪贴板。
.ac-btn a{background:url (../img/action.png) no-repeat; width:73px; height: 25px; display: inline-block;}
。交流按钮。按钮保存{背景位置：00；}
。交流按钮。按钮打印{背景位置：- 73px 0；}
这是如下所示
这2个元素之间有一个间隙，所以问题来了。
为什么会有差距
原因是内联块允许空间。空白的罪魁祸首是空白字符，包括更改行。
如何消除差距
设置字体大小：0用于父元素
也就是说，上面的CSS代码被更改为
CSS代码将内容复制到剪贴板。
。交流BTN {字体大小：0；}
。交流BTN一{ background: url（。 / / IMG行动。PNG）没有重复；宽度：73px；身高：25px；显示：内联块；}
。交流按钮。按钮保存{背景位置：00；}
。交流按钮。按钮打印{背景位置：- 73px 0；}
块，嵌入，和inlinke块进行了详细的比较
显示：块
的1.block元以单线和多块元素，将新的对方。默认情况下，父元素的宽度自动填充的块元素的宽度。
的2.block元素设置宽度，高度属性。块级元素仍然是一个单一的线，即使它们设置宽度。
的3.block元可以设置margin和padding属性。
显示：内联
的1.inline元不独占一行，行内多个相邻的元素将被安排在同一行，直到线设置新的线下会发生变化，对元素含量的变化宽度。
的2.inline元素设置宽度和高度属性无效。
对3.inline元左右，填料，填料的margin和padding属性，左边界和边缘在水平方向上产生的边缘效应，但垂直填充，填充底部，顶部和底部边缘边缘不产生边缘效应。
显示：内联块
在一个简单的方法，对象是作为一个内联对象，但是对象的内容作为一个块对象。下面的内嵌对象的排列在同一直线上。例如，我们可以给一个链接（一元）inline-block属性值，使它既有宽高的特点该块和内联节点特性。