可能使瀏覽器不刪除字符

Question

我知道現代瀏覽器會刪除大多數空格字符和'＆nbsp'; 段落元素內的字符。 但是，有沒有一種方法可以使瀏覽器不刪除空格字符？

也許要使用CSS屬性或HTML文檔類型？

或者，也許我的最后一招是使用javascript將每4個空格字符轉換為制表符？

我要顯示的文字示例：

<p>There    should    be    gaps    of    4    chars    tween    each    word</p>

如果我唯一的手段是使用Javascript； 你能告訴我我的正則表達式是否可以正確地用“ _”字符來更改任何“”字符（出現兩次或多次）？

var p = document.getElementById("myP");
var con = p.innerHTML;
con = con.replace("[ ]{2,}", "_");
p.innerHTML = con;

Answer 1

有什么理由不適合使用<pre>標簽嗎？ 因為這就是您的需求。

輸出（將您的內容包裝在<pre></pre>標記中）：

There    should    be    gaps    of    4    chars    tween    each    word

同樣， <pre>標簽仍然可以設置樣式。

Answer 2

您可以使用white-space: pre-wrap CSS中的white-space: pre-wrap ； 現代瀏覽器（不是IE 7） 支持它。 它可以自動換行，但可以使用  防止它發生，因此您將需要使用常規空格，除非要防止換行。

根據上下文和目的，如果您確實只想增加word-spacing ，則最好在CSS中使用word-spacing 。

從技術上講，現代瀏覽器不會忽略不間斷空格。 它們只是像瀏覽器一樣折疊任何空白序列，並且將不間斷空格視為空白，這是新的。

Answer 3

這將消除折疊的空白，並且對於瀏覽器來說，在每個單詞周圍放置一個跨度然后使用以下CSS會更有效：

#myP span {
  display: inline-block;
  margin-right: 2em; /* or put the amount of space in pixels */
}

...像這樣：

<p id="myP"><span>There</span><span>should</span>be</span><span>gaps</span></p>

這也使得以后調整或更改間距變得更加容易，因為您可以修改CSS中的間距，而不必添加或刪除成群的＆nbsp。