使用CSS內容添加HTML實體

如何使用CSS content屬性添加html實體？

使用這樣的東西只打印  到屏幕而不是不間斷的空間：

.breadcrumbs a:before {
    content: ' ';
}

---

#1樓

更新 ：PointedEars提到正確的立場爲  在全部的CSS狀況下
'\\a0 '暗示空間是十六進制字符串的終結符，並被轉義序列吸取。 他進一步指出了這種權威的描述 ，這聽起來像是我在下面描述和解決的問題的一個很好的解決方案。

您須要作的是使用轉義的unicode。 儘管你已被告知\\00a0不是一個完美的替身，由於  在CSS中; 因此嘗試：

content:'>\a0 ';          /* or */
content:'>\0000a0';       /* because you'll find: */
content:'No\a0 Break';    /* and */
content:'No\0000a0Break'; /* becomes No Break as opposed to below */

特別使用\\0000a0做爲  。 若是您按照mathieu和millikin的建議嘗試：

content:'No\00a0Break'   /* becomes No਋reak */

它將B轉換爲十六進制轉義字符。 0-9a-fA-F也是如此。

---

#2樓

有一種方法來粘貼nbsp -開放CHARMAP和複製的字符160。 可是，在這種狀況下，我可能會使用填充來填充它，以下所示：

.breadcrumbs a:before { content: '>'; padding-right: .5em; }

您可能須要設置breadcrumbs display:inline-block或者其餘東西。

---

#3樓

使用十六進制代碼表示不間斷的空格。 像這樣的東西：

.breadcrumbs a:before {
    content: '>\00a0';
}

---

#4樓

你必須使用轉義的unicode：

喜歡

.breadcrumbs a:before {
    content: '\0000a0';
}

更多信息： http ： //www.evotech.net/blog/2007/04/named-html-entities-in-numeric-order/

---

#5樓

例如 ：

http://character-code.com/arrows-html-codes.php

示例：若是要選擇角色，我選擇「＆＃8620」「＆＃x21ac」（咱們使用HEX值）

.breadcrumbs a:before {
    content: '\0021ac';
}

結果：↬

而已 ：）