[英]Do East Asian (e.g. Chinese) characters have baselines? How do they align with English in CSS?
I am asking this because I want to know how East Asian Characters (eg Chinese) align with English ones in CSS. 我之所以这样问,是因为我想知道CSS中的东亚字符(例如中文)与英语如何对齐。
This is what Wikipedia.org says: 这是Wikipedia.org所说的:
East Asian scripts have no baseline; 东亚文字没有基线; each glyph sits in a square box, with neither ascenders nor descenders. 每个字形都坐在一个方形的盒子中,既没有上升也没有下降。 When mixed with scripts with a low baseline, East Asian characters should be set so that the bottom of the character is between the baseline and the descender height. 与基线较低的脚本混合使用时,应设置东亚字符,以使字符的底部位于基线和下降高度之间。
Source link: Baseline (typography) 源链接: 基线(印刷术)
Is that true? 真的吗?
If East Asian characters do not have baselines, how do they align with English in CSS, which has the baseline? 如果东亚字符没有基线,它们如何与CSS中具有基线的英文对齐?
Chinese and other Asian characters indeed do not have a baseline. 中文和其他亚洲字符确实没有基线。 They're fitted into square boxes instead which form a grid on the page. 它们安装在方形框中,而不是在页面上形成网格。
You see that the characters form exact columns in a precise grid, each character taking exactly as much width and height as every other character. 您会看到这些字符在精确的网格中形成了精确的列,每个字符占用的宽度和高度与其他每个字符一样多。 As Wikipedia is also correctly saying, aligning this with Latin script should be done by aligning the bottom of the square between the baseline and the descender, which my browser at least does: 就像Wikipedia所说的那样,将其与拉丁文字对齐可以通过对齐基线和下降脚之间的正方形底部来完成,至少我的浏览器会这样做:
They can be aligned using CSS3. 可以使用CSS3对齐它们。
The CSS3 modules currently in development will introduce a large number of properties designed to support non-Latin text, from vertical script support to kashida justification, from ruby positioning to list numbering. 当前正在开发的CSS3模块将引入大量旨在支持非拉丁文本的属性,从垂直脚本支持到kashida对齐,从红宝石定位到列表编号。 This article will give you a glimpse of some of the properties that lie in store, and discuss how you can help to make these improvements a reality. 本文将使您对存储的某些属性有所了解,并讨论如何帮助实现这些改进。
Kindly refer to link for more details. 请参考链接以获取更多详细信息。 Hope this can be helpful! 希望这会有所帮助!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.