忽略HTML中的空格

2018-07-01 21:03:41

这个问题在这里已经有了答案：

如何去除内嵌块元素之间的空间？ 32个答案

哦，你可以很容易地用一行CSS完成：

#parent_of_imgs { white-space-collapse: discard; }

缺点，你问？ 没有浏览器已经实现了这个非常有用的功能（想象一下内嵌块）。 :-(

我不时做的事情，虽然夜晚很黑很丑，但要使用评论：

<p><!--
  --><img src="." alt="" /><!--
  --><img src="." alt="" /><!--
  --><img src="." alt="" /><!--
  --><img src="." alt="" /><!--
--></p>

您可以将容器的font-size设置为0 ，并且white-space消失！

在大多数情况下，浏览器在块元素旁边确实会忽略空白。

图像的问题（在这种情况下）是它们是内联元素，所以当你将它们写在不同的行上时，它们实际上是同一行上的元素，它们之间有一个空格（因为换行符是一个空格）。浏览器删除图像之间的空格是不正确的，用它们之间的换行符来书写图像标签应该和将图像标签写在它们之间的同一行上的处理方式相同。

您可以使用CSS来使图像块元素和它们彼此相邻浮动，从而解决了间距问题，图像间距和图像下文本行间距等问题。

链接地址: http://www.djcxy.com/p/88873.html