一尘不染

忽略HTML中的空白

html

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" />

真是太恐怖了!


阅读 555

收藏
2020-05-10

共1个答案

一尘不染

哦,您只需一行CSS就可以轻松实现:

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

劣势,你问?尚无 浏览器实现此 极其有用的功能(通常考虑内联块)。

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

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