日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

當前位置:首頁 > 科技  > 軟件

終于要改進東亞語言如中文的排版體驗了,CSS中引入四個新的國際功能

來源: 責編: 時間:2023-12-14 16:37:37 230觀看
導讀CSS Text Module Level 4 中的四項新國際 CSS 功能即將登陸 Chrome 瀏覽器。本篇文章將介紹哪些功能已經發布,哪些功能即將發布。從 Chrome 119 開始:日語短語換行與斷字:word-break: auto-phrase。開發中:使用 text-spac

CSS Text Module Level 4 中的四項新國際 CSS 功能即將登陸 Chrome 瀏覽器。本篇文章將介紹哪些功能已經發布,哪些功能即將發布。lyr28資訊網——每日最新資訊28at.com

  • 從 Chrome 119 開始:日語短語換行與斷字:word-break: auto-phrase。
  • 開發中:使用 text-spacing-trim 屬性的中文、日文和韓文標點字距。
  • 來自 Chrome 120 的:具有 text-autospace 屬性的文字間間距。
  • 跨語言的一致最小字體大小。

日語短語斷行:word-break: auto-phrase

此功能提高了日文文本的可讀性,從Chrome 119開始可用。lyr28資訊網——每日最新資訊28at.com

一些東亞語言(例如中文或日語)不使用空格來分隔單詞,并且行可以在任何字符處換行,即使它位于單詞的中間。這是這些語言的正常換行行為,但在標題或詩歌等短文本中,最好在自然短語邊界處換行(在日語中,此邊界稱為“Bunsetsu”)。lyr28資訊網——每日最新資訊28at.com

新的 CSS 功能 word-break: auto-phrase 指定換行應發生在此類邊界處。lyr28資訊網——每日最新資訊28at.com

注意:需要 lang="ja" 來聲明文本為日語。lyr28資訊網——每日最新資訊28at.com

<html lang="ja"><style>h1 {  word-break: auto-phrase;}</style><h1>窓ぎわのトットちゃん<h1>

圖片圖片lyr28資訊網——每日最新資訊28at.com

邊界檢測是由機器學習引擎執行的,因此可能無法達到您的預期效果。如果出現這種情況,您可以手動調整可斷點。<wbr> 標記或零寬度空間(&ZeroWidthSpace;)可強制執行斷點,而零寬度連接符(&zwj;)可防止斷點。lyr28資訊網——每日最新資訊28at.com

窓ぎわの<wbr>トットちゃんユーザー<wbr>インターフェース

目前,Chrome只支持日語,使用了使用AdaBoost ML技術的BudouX C端口。lyr28資訊網——每日最新資訊28at.com

我們計劃在Chrome的未來版本中支持韓語和中文。lyr28資訊網——每日最新資訊28at.com

字符間間距:text-autospace

下面的特性目前在Chrome中是一個標志。要測試它,請在Chrome 120或更高版本中啟用實驗性Web平臺特性標志(可在 chrome://flags/#enable-experimental-web-platform-features 處找到)。lyr28資訊網——每日最新資訊28at.com

中文和日文混合使用多種文字,漢文、拉丁文、ASCII 數字以及日文中的平假名和片假名。在切換非漢字表意文字時,小間距通常有助于提高可讀性。lyr28資訊網——每日最新資訊28at.com

Chrome計劃開始默認插入字符間距。該功能將一種普遍做法(在印刷材料中廣泛使用以提高可讀性)帶到Web上。lyr28資訊網——每日最新資訊28at.com

圖片圖片lyr28資訊網——每日最新資訊28at.com

如果您想禁用此行為,可以使用 text-autospace 屬性來控制插入間距。lyr28資訊網——每日最新資訊28at.com

text-autospace: no-autospace;

注意:如果不同文本周圍存在顯式空格字符,Chrome 不會插入空格,因此您不必擔心修復現有內容。lyr28資訊網——每日最新資訊28at.com

CJK標點字距:text-spacing-trim

以下功能正在開發中,目標是使其在Chrome中默認啟用。lyr28資訊網——每日最新資訊28at.com

在中文、日文和韓文中,在標點符號之間使用字距可以提高可讀性,并產生更美觀的排版效果。如今,大多數印刷材料和文字處理器都使用這種字距。lyr28資訊網——每日最新資訊28at.com

例如,CJK 句點和 CJK 閉括號通常設計為在符號空間的右半部分具有符號內部空格,以便每個字符具有連續的前進。lyr28資訊網——每日最新資訊28at.com

但是當這些標點符號出現在一行中時,這種符號內部的間距就會變得過大。在下面的兩個例子中,第二個是正確的排版;右半部分的CJK句點應該被刪除。lyr28資訊網——每日最新資訊28at.com

圖片圖片lyr28資訊網——每日最新資訊28at.com

默認行為通常會提供良好的效果,但開發人員可以使用 text-spacing-trim 屬性來選擇不同的樣式,或者在某些情況下禁用它。lyr28資訊網——每日最新資訊28at.com

注:該功能由兩部分組成;一個用于行邊緣,另一個用于相鄰字符。當使用的字體為 Noto CJK(來自 Android 13 和 ChromeOS 90)時,后者已經在 Android 和 ChromeOS 上可用。此功能通過支持線條邊緣、支持更多字體和平臺以及支持更多邊緣情況(例如字體更改時)對其進行補充。lyr28資訊網——每日最新資訊28at.com

跨語言的一致最小字體大小

在 Chrome 瀏覽器 118 之前,如果語言是阿拉伯語、波斯語、日語、韓語、泰語、簡體中文或繁體中文,小于 10px 左右的字體大小不會按照指定的方式呈現,而是四舍五入。開發人員需要變通方法來渲染小文本,例如使用 transform 屬性。lyr28資訊網——每日最新資訊28at.com

從Chrome 118開始,所有語言的限制都被解除了,這七種語言與其他語言一樣。這一改變提高了與其他瀏覽器的互操作性。lyr28資訊網——每日最新資訊28at.com

圖片圖片lyr28資訊網——每日最新資訊28at.com

https://developer.chrome.com/blog/css-i18n-features?hl=enlyr28資訊網——每日最新資訊28at.com

本文鏈接:http://www.www897cc.com/showinfo-26-45490-0.html終于要改進東亞語言如中文的排版體驗了,CSS中引入四個新的國際功能

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

上一篇: LLM生成3D場景,無限延伸!斯坦福華人提出3D動畫生成框架,一句話一幅圖創造無限3D世界

下一篇: 聊一聊 .NET高級調試 內核模式堆泄露

標簽:
  • 熱門焦點
Top 主站蜘蛛池模板: 军事| 登封市| 电白县| 苍山县| 阿拉尔市| 三门峡市| 龙井市| 清水县| 翼城县| 金寨县| 法库县| 新营市| 通江县| 衢州市| 双鸭山市| 旬阳县| 林口县| 伽师县| 婺源县| 佛学| 宝丰县| 噶尔县| 汪清县| 晋州市| 建德市| 神农架林区| 贡觉县| 景泰县| 朝阳市| 沛县| 平安县| 左云县| 澳门| 兴海县| 太湖县| 临江市| 武安市| 高雄县| 广南县| 东辽县| 上林县|