忽略HTML中的空格 [英] Ignore whitespace in HTML

问题描述

HTML / CSS中有什么可以告诉浏览器完全忽略空白区域吗？

Is there anything in HTML/CSS that tells the browser to ignore whitespace completely?

这么多次，当你想要放置，

So many times when you want to put, say, two images next to each other - you try desperately to keep the HTML readable, but the browser puts a space between them.

因此，不是这样的：

<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 ：

Oh, you can really easy accomplish that with a single line of CSS:

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

缺点，你问？ 没有浏览器已实现此非常有用的功能（一般来说，考虑内联块）。 ： - （

Disadvantage, you ask? No browser has implemented this extremely useful feature (think of inline blocks in general) yet. :-(

我不时做的是，虽然它很丑，因为夜晚是黑暗的，是使用评论：

What I did from time to time, although it's ugly as the night is dark, is to use comments:

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

这篇关于忽略HTML中的空格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！