docs: 使用文檔增補「段落屬性照常設、原子透明」一項

同步 main 之原子透明修復:CSS 基礎設定新增第 8 項,說明段落可正常設
text-indent/hanging-punctuation/text-decoration,庫內已統一處理(歸零過
套用之繼承屬性、令原子承接段落裝飾),首行縮排正常、下劃線連續,無需額外配置。
HTML 列表與 Markdown 孿生同步,經 manifest 重建為自含單檔。
This commit is contained in:
2026-06-02 17:20:40 +08:00
parent 92c37cf63e
commit e9b956ca4e
2 changed files with 224 additions and 28 deletions
+222 -27
View File
File diff suppressed because one or more lines are too long
+2 -1
View File
@@ -142,6 +142,7 @@ createJuzhen({ lang: { default: "zh-Hant" } }).render(document.querySelector("ma
<li><strong><code>justify</code>(選用)</strong>:欲兩端對齊則自設 <code>text-align: justify</code>;句末標點單份間距與行末去隙由聚珍處理。</li>
<li><strong>字型(影響擠壓)</strong>:半形預設依字型 <code>halt</code>;含 <code>halt</code> 字型(Noto CJK/思源)即可,缺則用 <code>margin</code> 後備。<code>juzhen.css</code> 內建依 <code>:lang</code> 之 Noto CJK 字型堆疊,但<strong>僅作後備</strong>(全包 <code>:where()</code> 零特異度、只命中帶 <code>lang</code> 屬性之元素、不直接覆寫標點字面容器)——<strong>消費端 <code>font-family</code> 恆優先</strong>,標點亦隨之以消費端字型渲染。</li>
<li><strong>自動處理</strong><code>juzhen.css</code> 已於 <code>.juzhen</code> 範圍內以 <code>@supports</code> 關閉 Blink 原生 <code>text-spacing-trim</code><code>text-autospace</code>,並令注入間隙 <code>user-select: none</code>(複製乾淨)。</li>
<li><strong>段落屬性照常設、原子透明</strong>:聚珍把標點拆成 <code>inline-block</code> 原子,但已確保原子對消費端段落樣式透明——段落可正常設 <code>text-indent</code>(首行縮排)、<code>hanging-punctuation</code><code>text-decoration</code>(下劃線)等。庫內已歸零會被原子重複套用之繼承屬性、並令原子承接段落裝飾,故首行縮排正常、下劃線連續不斷,<strong>無需任何額外配置</strong></li>
</ol>
<h2>分頁器(Paged.js 等)相容:<code>justifyAtoms</code></h2>
@@ -204,7 +205,7 @@ JS 只注入 `jz-*` 結構,所有視覺尺寸在 juzhen.css,缺一不可。
## CSS 基礎設定
引入 juzhen.css(必須);設 langscope classhyphens:autotext-align:justify(選用);含 halt 字型或 margin 後備。juzhen.css 之 Noto 字型堆疊僅作後備,消費端 font-family 恆優先。
引入 juzhen.css(必須);設 langscope classhyphens:autotext-align:justify(選用);含 halt 字型或 margin 後備。juzhen.css 之 Noto 字型堆疊僅作後備,消費端 font-family 恆優先。段落屬性照常設、原子透明:text-indenthanging-punctuationtext-decoration 等已由庫內統一處理(歸零過套用、令原子承接段落裝飾),首行縮排正常、下劃線連續,無需額外配置。
## 分頁器相容