inline 内联盒子


消除内联元素的空隙

当我们使用"display:inline-block"把块集元素转换为内联元素时,每两个内联元素之间有一定的空隙。

这个空隙是由于我们换行产生的。当我学到了节点(node)时,就发现了这个问题产生的正真原因。

元素节点              Node.ELEMENT_NODE(1)
属性节点              Node.ATTRIBUTE_NODE(2)
文本节点              Node.TEXT_NODE(3)

原因:当我们换行时,会产生一个文本节点,这个文本节点的内容是换行, 类似pre最后多一行空行.

解决办法