子1：（文本內(nèi)容中的連續(xù)空格）

<p>這段文本中，輸入連續(xù)的空格          大概輸入了十個。</p>

顯示效果：“格”和“大” 之間的是個空格顯示出來只是一個空格。

這段文本中，輸入連續(xù)的空格 大概輸入了十個。

例子2：（代碼之間的連續(xù)空格）

<span>span是一個行內(nèi)標簽</span>               <span>和前面的span元素之間隔了很多個空格</span>

顯示效果:兩個span元素之間連續(xù)的空格，顯示出來即"簽"與“和”之間的空格，只有一個空格。

span是一個行內(nèi)標簽 和前面的span元素之間隔了很多個空格

上面兩個例子證明：HTML代碼中連續(xù)的空格在顯示時會顯示為一個空格，其余的多余的空格會被移除或者說被忽略。

段落文本其實也是HTML代碼的一部分，只不過它在p標簽內(nèi)部，而例子2的空格是在兩個span標簽之間。

理解了空格，現(xiàn)在看看空行，同理

例子3：（文本內(nèi)容中的空行）

<p>這段文本中，輸入連續(xù)的空行





大概輸入了五行。</p>

顯示效果：如我們所見，文本代碼中的五行空行，顯示出來也只是一個空格。

這段文本中，輸入連續(xù)的空行 大概輸入了五行。

例子4：（元素之間/標簽之間的空行），只要把例子2中的空格換成空行就可以了，顯示效果和例子2的一樣，多行空行都只會顯示為一個空格。

<span>span是一個行內(nèi)標簽</span>





<span>和前面的span元素之間隔了很多空行</span>

span是一個行內(nèi)標簽 和前面的span元素之間隔了很多空行

得證：HTML 代碼中的所有連續(xù)的空格或空行（換行）都會被顯示為一個空格。

既然如此，如果我們希望擴大兩個字符之間的間距，讓代碼中的連續(xù)空格或空行顯示出來的結(jié)果也是連續(xù)的空格或空行，那該怎么辦？其實很簡單。

方法一：我們可以用預(yù)格式化標簽<pre>，無論是空格或空行都適用。

<pre>
這是
預(yù)格式文本。
它保留了      空格
和換行。
</pre>

顯示效果

這是
預(yù)格式文本。
它保留了      空格
和換行。

方法二：我們可以用空格實體符 代替空格，用換行標簽<br/>代替空行。雖然這種方法可以得到我們想要的顯示效果，但是對搜索引擎不是最友好的方式，因為 和<br/>在HTML中都是沒有語義的。所以建議盡量少用。另外需要注意的是， 必須小寫，而且最后面的分號是不能省略的。

方法三：（適合空格）使用全角空格

全角空格被解釋為漢字，所以不會被被解釋為HTML分隔符，可以按照實際的空格數(shù)顯示。

問題：怎么使用全角輸入法？

以搜狗輸入法為例，我們通常使用的是半角輸入，其狀態(tài)欄中有個月亮的標志，就說明正在使用的是半角輸入，如果是太陽的標志，就說明使用的是全角輸入。全角/半角的切換可以通過點擊標志，也可以通過快捷鍵 Shift+Space（空格符）切換。

方法四：使用CSS樣式中字間隔屬性控制，CSS中的word-spacing 屬性可以改變字（單詞）之間的標準間隔。我們知道英文中兩個單詞之間是通過空格隔開的，所以我們視覺上可以這樣認為，word-spacing改變了（拉長或縮短）單詞之間那個空格的寬度。

方法五：使用CSS樣式中的white-space 屬性，這個屬性聲明如何處理元素內(nèi)的空白符。

white-space:normal;就是正常，和不設(shè)置一樣，連續(xù)空格和空行都只會顯示一個空格。

white-space:nowrap;不換行是什么意思呢？正常情況下，當我們的文本超出了文本域，文本就會自動折行，這個設(shè)置就是說不自動折行了，而是碰到換行標簽<br />才換

white-space:pre;和方法一相同，將文本原樣輸出顯示。當文本超出文本域時，不換行，會產(chǎn)生滾動條。

white-space:pre-wrap;保留空格和空行，但當文本超出文本域時，會自動換行。

white-space:pre-line;連續(xù)的空格會顯示為一個空格，但保留連續(xù)的空行。

eflex WMS入門系列二十八：空白標簽打印

貼在托盤上的標簽，因托盤上的貨物的移動，使用等緣故可能會導致標簽丟失。在很多場景下又需要掃描托盤標簽，所以Reflex WMS系統(tǒng)提供了打印空白標簽的功能。業(yè)務(wù)人員在一些收發(fā)貨場景下可以掃這個空白托盤標簽貼在托盤上，然后在Reflex WMS系統(tǒng)上手工輸入物料號，批次號，數(shù)量等信息，將這些信息與空白標簽關(guān)聯(lián)上，后續(xù)這個托盤標簽就可以正常使用了。

在Reflex WMS命令行里輸入BLANK, 系統(tǒng)自動顯示2個含有這個單詞的程序，如下圖示：

點擊Blank HD Labels,

輸入需要打印的標簽的數(shù)量，點擊Submit按鈕，就完成了空白HD標簽打印。

如下方式去看打印的標簽，

雙擊最上面的HD Identification label, 系統(tǒng)彈出如下窗口，

這里顯示的文字，正常人都是看不懂的，它其實就是條形碼標簽里的內(nèi)容。

復(fù)制里面的文字，進入如下網(wǎng)站：

http://labelary.com/viewer.html

可以看到上圖右邊的空白HD標簽的打印效果。

-完-

寫于2022-5-9

我們從網(wǎng)頁上抓取數(shù)據(jù)時，有時候會遇到數(shù)據(jù)被嵌套在HTML標簽里的情況，特別是當這些數(shù)據(jù)是以JSON格式呈現(xiàn)的時候。這些JSON字符串中可能含有許多不必要的空格，使得數(shù)據(jù)看起來很亂，不易于閱讀。

在C#編程語言中，我們可以使用正則表達式來輕松地解決這個問題。通過匹配和替換HTML標簽以及連續(xù)的空格，我們可以使數(shù)據(jù)更加整潔，更易于處理。

下面我們用一個具體的例子，說明如何使用C#和正則表達式來清理和處理這些嵌套在HTML中的JSON數(shù)據(jù)。

假設(shè)我們有如下的HTML字符串，其中包含一個JSON數(shù)據(jù)段：

我們的目標是提取出這個JSON數(shù)據(jù)段，去除其中的HTML標簽，并將多余的空格替換為單個空格，以便于閱讀和解析。

首先，我們需要使用C#的正則表達式來提取出JSON數(shù)據(jù)段。正則表達式 @"<textarea[^>]*>((.|\n)*?)<\/textarea>"將匹配并提取出位于 <textarea> 和 </textarea> 標簽之間的所有內(nèi)容。

接下來，我們將使用另一個正則表達式 @"\s+" 來匹配一個或多個連續(xù)的空格，并將其替換為一個空格。

下面是完成這些步驟的C#代碼示例：

// 代碼注釋：

// 此處運用正則表達式的強大功能，首先定位并剝離HTML標簽以提取純JSON文本；

// 然后，針對JSON文本中的連續(xù)空白字符（包括空格、制表符等），使用另一個正則表達式進行查找和替換；

// 最終輸出的formattedJsonString是經(jīng)過整理、僅保留單個空格的格式化JSON字符串。

現(xiàn)在，JSON字符串已經(jīng)沒有多余的空格，格式整潔，易于閱讀。這樣的數(shù)據(jù)更便于后續(xù)的處理和解析。