如何將 HTML 實體（如不間斷空格）與 CSS 的 `content` 屬性結合使用？

Susan Sarandon

發布： 2024-12-28 04:49:14

原創

701 人瀏覽過

How to Use HTML Entities (Like Non-Breaking Spaces) with CSS's `content` Property?

透過Content 屬性將HTML 實體合併到CSS 中

問題：

如何利用CML content 屬性將CML 實體（特別是不間斷空格）合併到顯示？

解：

與看起來直觀的相反，只需使用' ' content 屬性中的實體（如下例所示）將不會呈現所需不間斷的空格：

.breadcrumbs a:before {
  content: '&amp;nbsp;';
}

登入後複製

要使用CSS 內容成功顯示HTML 實體，必須對Unicode 程式碼點進行轉義。例如：

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

登入後複製

這裡，「000a0」代表不間斷空格的 Unicode 碼點，可以有效地將其合併到 CSS 內容中。

以上是如何將 HTML 實體（如不間斷空格）與 CSS 的 `content` 屬性結合使用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

來源：php.cn

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章