像“white-space：none”这样的东西？

Question

  

可能重复：
  How to remove the space between inline-block elements?

如果我有几个带有display:inline-block的子元素，我的元素之间不能有空格，因为这会弄乱总宽度。我要么在源代码中不添加空格，要么在元素之间放置一个空<?php [whitespace] ?>来“欺骗”，或者使用JavaScript删除空文本节点。

有没有办法让空格不能在CSS中呈现？

Answer 1

您可以使用display: block;或float: left;将元素设置为块级元素。如果您必须使用inline-block，那么您必须通过删除HTML本身中的空格或使用Javascript将其删除来调整HTML。

正如@jValdron指出的那样，为父元素设置字体大小为0，然后在需要它的元素上重新设置字体大小，也可以。但是，这有可能存在的问题（例如，如果父元素中的文本尚未包含在另一个元素中，该怎么办？）。无论如何，font-size解决方案确实起作用，而且它是我以前用过的。

Answer 2

CSS Tricks有一篇关于处理inline-block空白问题的好文章：

http://css-tricks.com/fighting-the-space-between-inline-block-elements/

Answer 3

显然，在父元素上将font-size设置为0，然后在元素本身上恢复它应该可以解决问题。

此处的解决方案：How to remove the space between inline-block elements?