可能重复：
如何删除行内块元素之间的空间？
如果我有几个带有 的子元素display:inline-block，则元素之间不能有空格，因为这会弄乱总宽度。我要么必须在源代码中不放置空格，要么通过<?php [whitespace] ?>在元素之间放置一个空来“作弊”，或者使用 JavaScript 删除空的文本节点。
有没有办法让空白不在 CSS 中呈现？
问问题
1833 次
3 回答
3
display: block;您可以使用或将元素设置为块级元素float: left;。如果您必须使用inline-block，那么您将不得不通过删除 HTML 本身中的空格或使用 Javascript 将其剥离来调整您的 HTML。
正如@jValdron 指出的那样，将父元素的字体大小设置为 0，然后在需要它的元素上重新设置字体大小，也可以。但是，这存在潜在的问题（例如，如果父元素中的文本尚未包含在另一个元素中怎么办？）。无论如何，该font-size解决方案确实有效，而且它是我自己以前使用过的一个。
于 2012-12-10T19:55:13.177 回答
2
CSS Tricks 有一篇关于处理inline-block空白问题的好文章：
http://css-tricks.com/fighting-the-space-between-inline-block-elements/
于 2012-12-10T20:17:38.900 回答
1
显然，在父元素上将 font-size 设置为 0，然后在元素本身上恢复它，应该可以解决问题。
此处的解决方案：如何删除内联块元素之间的空间？
于 2012-12-10T19:57:18.997 回答