文字排版 文字在约束框中对齐 文字尺寸和行高 排版模式（Overflow） 截断（Clamp） 自动缩小（Shrink） 自动适应高度（Resize Height） 自动换行（Enable Wrap Text） 截断（Clamp）模式自动换行 自动缩小（Shrink）模式自动换行 中文自动换行 文字节点的锚点 文字配合对齐挂件（Widg...

文字排版 文字在约束框中对齐 文字尺寸和行高 排版模式（Overflow） 截断（Clamp） 自动缩小（Shrink） 自动适应高度（Resize Height） 自动换行（Enable Wrap Text） 截断（Clamp）模式自动换行 自动缩小（Shrink）模式自动换行 中文自动换行 文字节点的锚点 文字配合对齐挂件（Widg...

Typography排版 何时使用 代码演示 API Typography.Text Typography.Title Typography.Paragraph Typography排版 文本的基本格式。 何时使用 当需要展示标题、段落、列表内容时使用，如文章/博客/日志的文本样式。 当需要一列基于文本的基础操作时，如拷贝/省...

Typography排版 何时使用 代码演示 API Typography.Text Typography.Title Typography.Paragraph Typography排版 文本的基本格式。 何时使用 当需要展示标题、段落、列表内容时使用，如文章/博客/日志的文本样式。 当需要一列基于文本的基础操作时，如拷贝/省...

字体排版（Typography） Roboto 标准样式（Standard Styles） 字体排版的缩放和基本样式（Typographic Scale & Basic Styles） 基本色/色彩对比度（Basic colors/Color contrast） 大号字/动态字体尺寸（Big Type / Dynamic Type sizes） 行高...

阅读排版 阅读视线流 字体 字号 颜色 阅读排版 阅读视线流 中国用户阅读浏览内容的习惯通常是“从左往右，从上往下”，在信息排版时，我们应该把主要的信息内容放在屏幕左上侧。 认真沉浸阅读（Z型）1. 从左侧开始，视线向右水平移动阅读；2. 视线下移至最左侧，重复第1步，从上往下逐行阅读。 快速扫视浏览（锯齿型）1. 从上至下垂直扫描；...

界面排版 横排和纵排 对其元素 元素分布 元素自适应 界面排版 Cocos Creator 的界面排版是通过在 style 中书写 CSS 来完成的。如果对 CSS 不熟悉，推荐大家可以阅读 W3 School 的 CSS 教程 来加强。 然而普通的 CSS 排版并不适合界面元素，为此，CSS 最新标准中加入了 CSS Flex 布局...

界面排版 横排和纵排 对其元素 元素分布 元素自适应 界面排版 Cocos Creator 的界面排版是通过在 style 中书写 CSS 来完成的。如果对 CSS 不熟悉，推荐大家可以阅读 W3 School 的 CSS 教程 来加强。 然而普通的 CSS 排版并不适合界面元素，为此，CSS 最新标准中加入了 CSS Flex 布局...

界面排版 横排和纵排 对其元素 元素分布 元素自适应 界面排版 Cocos Creator 的界面排版是通过在 style 中书写 CSS 来完成的。如果对 CSS 不熟悉，推荐大家可以阅读 W3 School 的 CSS 教程 来加强。 然而普通的 CSS 排版并不适合界面元素，为此，CSS 最新标准中加入了 CSS Flex 布局...

界面排版 横排和纵排 对其元素 元素分布 元素自适应 界面排版 Cocos Creator 的界面排版是通过在 style 中书写 CSS 来完成的。如果对 CSS 不熟悉，推荐大家可以阅读 W3 School 的 CSS 教程 来加强。 然而普通的 CSS 排版并不适合界面元素，为此，CSS 最新标准中加入了 CSS Flex 布局...