奉
天承運
皇帝詔曰
數年以來〇中外臣工講求時務〇多主變法自強〇邇者詔書數下〇如開特科〇裁冘兵〇改武科制度〇立大小學堂〇皆經再三審定〇籌之至熟〇甫議施行
惟是風氣尚未大開〇論說莫衷一是〇或託於老成憂國〇以為舊章必應墨守〇新法必當擯除〇衆喙嘵嘵〇空言無補
試問今日時局如此〇國勢如此...將此通諭知之〇欽此
工部主事 臣 康有為
工部主事 臣 康有為
─────────
奏
兩廣總督 臣 孫氏為奏
聞續到洋舡事本年六月內到西洋兵頭來澳門換班如何如何如何如何...
聞在案如何如何如何如何...
命請聖安...
提報合併奏
聞
康正叁拾叁年七月初五日 臣 孫氏
在中文文書的編輯中〇常常遇到段落的縮進
首行縮進和懸掛縮進
①用「 」中文全角的空白格完成縮進〇只適合文字非常少或便於編輯的狀態
②在微軟的Ofiice軟體中〇選擇要處理的文書段落〇點擊右鍵或者軟體的工具欄位〇通過段落選項卡編輯功能可以非常簡單的實現〇選項卡中有首行縮進和懸掛縮進功能
③在網頁html編輯中〇有些棘手〇一般用首行縮進text-indent控制〇縮進长度〇數值可正可負
範例一實現了奉字縮進一格
但是出現一個問題:
左側代碼中「皇帝詔曰」與「天承運」的行間距變大
或見附註
優化後得到
配上中文直書的代碼就可以較為妥善的處理網頁直書
因為中文直書中〇最特殊的是詔書或上諭等要求抬格
抬格本身就要求「天」「皇帝」「皇太后」「太祖」等高於正文〇
如果只用text-indent縮進〇無法識別具體位置。
如果只用「 」中文全角的空白格〇編輯時不方便
增加padding的上下左右可以將正文先縮進兩個字體〇再將需要抬格的文字用text-indent提上來
擴展學習見
①text-indent控制首行縮進〇後加縮進長度〇數值可以正負〇單位可以是是em〇百分比〇或者绝对单位
以数值2为例
取值為:
2em 參見em〇相對長度單位〇為父元素文本字體尺寸的倍數
2% 相對父元素宽度的百分比
2 in 英寸
2 cm 厘米
2 px 像素
2 pt 磅
②CSS中padding屬性定义元素邊框与元素内容之間的空白區域。
使用說明
padding-top: 10px;
padding-bottom: 2ex;
padding-left: 20%;
padding-right: 0.25em;
注意:這裡可以直接用padding: 2em;效果為上下左右均縮進兩個字符
③拓展
margin
margin是指整個content的邊界〇padding是指content裡面的邊界。
本頁面用到
code和pre和xmp
參見
最好的老師是谷歌
<p style="text-indent: 1em">奉<br>天承運
<p>皇帝詔曰
<p style="text-indent: 2em">數年以來〇中外臣工講求時務
CSS中padding屬性定义元素邊框与元素内容之間的空白區域。
使用說明:上下左右控制分別為
padding-top: 10px;
padding-bottom: 2ex;
padding-left: 20%;
padding-right: 0.25em;
那麼〇剛才的代碼優化為
<p style="text-indent:-1em;padding-top:0em;padding-left:2em">奉
備註.「奉」從左縮一個字符〇上方零字符〇文字縮兩字符
<p style="text-indent:-2em;padding-top:0em;padding-left:2em">天承運
備註.「天承運」從左縮兩字符〇上方零字符〇文字縮兩字符
<p style="text-indent:-2em;padding-top:0em;padding-left:2em">皇帝詔曰
備註.「皇帝詔曰」從左縮兩字符〇上方零字符〇文字縮兩字符
<p style="text-indent:0em;padding-top:0em;padding-left:2em">數年以來〇中外臣工講求時務
備註.「內容」從左縮兩字符〇上方零字符〇文字縮零字符
<padding和text-indent效果可以相互抵消〇呈現出没有縮進的效果或抵消後的效果〇如-2em和2em相互抵消-2em和1em實際效果為-1em效果
關鍵詞
text-indent:2em;
padding:2em;
padding-top:2em;
padding-left:2em;
margin
code
pre
xmp
<b><small><small><<small>臣</small></small></small></b> 康有為
<b style="font-size:0.6em;"> 臣</b> 康有為
絕大多數情況下〇電腦作業系統預帶的字體漢字顯示的大小基本相同
少數字體〇如漢儀永樂大典字體〇電腦字體設計的時候〇臣字就小一號〇所以臣字在少數字體下〇無需用代碼小寫
測試句讀〇測試
測試句讀○測試
測試句讀°測試
測試句讀º測試
測試句讀◦測試
第一種句讀表現最好〇適應性亦好
關於現代漢語中的逗號〇我本來想用藍色句讀以示區分〇但是想了想還是算了〇都標記好就不會主動理解漢語語言本身的意思了〇