简体   繁体   English

东亚(例如中文)字符是否有基线? 它们如何与CSS中的英语保持一致?

[英]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.

相关问题 如何使用 React 多次添加相同的 CSS 属性(例如背景图像)? - How do I add the same CSS property (e.g. background-image) multiple times with React? CSS-如何在CSS中执行“一次性CSS表达”? (例如,IE的最大高度/最大宽度) - CSS - How to do a: “ONE-TIME CSS EXPRESSION” in css? (e.g. max-height / max-width for IE) CSS - 为什么中文网站使用英文字体 - CSS - Why do Chinese websites use English font-family 如何将静态 CSS 添加到 Dojo 7 应用程序,例如 FontAwesome? - How to add static CSS to Dojo 7 application e.g. FontAwesome? 如何将一个960px宽的网站布局居中? - How do you center an e.g. 960px wide website layout? HTML/CSS 将 2 个元素与 1 个元素对齐,例如带有一个标签的 2 个输入 - HTML/CSS align 2 elements to 1 element e.g. 2 inputs with one label CSS重置覆盖已弃用的HTML属性(例如align,bgcolor)的解决方法? - Workaround for CSS reset overwriting deprecated HTML attributes (e.g. align, bgcolor)? 为什么在将0作为唯一参数传递给calc()函数时,我必须指定单位标识符(例如'px')? - Why do I have to specify a unit identifier (e.g. 'px') when passing 0 as the only argument into the calc() function? 我可以在CSS类名或ID中安全地使用unicode字符(例如重音符号)吗? - Can I safely use unicode characters (e.g. accents) in CSS class names or ids? CSS 等宽字体的英文和汉字如何排列? - How can I line up English and Chinese characters of a monospace font for CSS?
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM