忽略HTML中的空白

  • Z时代
  • 2024-01-10
  • 分类：问答

HTML / CSS中是否有任何内容可以告诉浏览器完全忽略空格？

如此多次，当您想要将两个图像彼此并排放置时-拼命尝试使HTML可读，但是浏览器在它们之间放置了一个空格。

因此，而不是像这样：

<img src="images/minithing.jpg" alt="my mini thing" />
<img src="images/minithing.jpg" alt="my mini thing" />
<img src="images/minithing.jpg" alt="my mini thing" />
<img src="images/minithing.jpg" alt="my mini thing" />

你最终得到这个

<img src="images/minithing.jpg" alt="my mini thing" /><img src="images/minithing.jpg" alt="my mini thing" /><img src="images/minithing.jpg" alt="my mini thing" /><img src="images/minithing.jpg" alt="my mini thing" />

真是太恐怖了！

回答：

哦，您只需一行CSS就可以轻松实现：

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

劣势，你问？尚无 极其有用的功能（通常考虑内联块）。

我有时会做些什么，尽管黑夜很丑，但还是要使用注释：

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

以上是 忽略HTML中的空白 的全部内容， 来源链接： utcz.com/qa/419926.html

回到顶部