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>