页面样式与布局 盒模型 长度单位 设置样式 Flex 布局示例 动态修改样式 引入 less 预编译 使用 postcss 解析 css 总结 页面样式与布局 熟悉基础知识，掌握 Flex 布局，了解动态修改样式、引入 less 预编译的方法 通过本节，你将学会： 盒模型 长度单位 设置样式 Flex 布局示例 动态修改样式...

编辑器布局 调整面板大小 移动面板 层叠面板 编辑器布局 编辑器布局是指 Cocos Creator 里各个面板的位置、大小和层叠情况。 选择主菜单里的 布局 菜单，可以从预设的几种编辑器面板布局中选择最适合当前项目的。在预设布局的基础上，您也可以继续对各个面板的位置和大小进行调节。对布局的修改会自动保存在项目所在文件夹下的 local/l...

流式布局 Wrap Flow 流式布局 Wrap 在介绍Row和Colum时，如果子widget超出屏幕范围，则会报溢出错误，如： Row ( children : < Widget >[ Text ( "xxx" * 100 ) ], ); 运行： 可以看到，右边溢出部分报错。这是因为...

线性布局Row和Column 主轴和纵轴 Row 示例 Column 特殊情况 线性布局Row和Column 所谓线性布局，即指沿水平或垂直方向排布子Widght。Flutter中通过Row和Column来实现线性布局，类似于Android中的LinearLayout控件。Row和Column都继承自Flex，我们将在弹性布局一节中详细介绍...

移动端fixed布局 参考资料 移动端fixed布局 在移动开发的过程中，元素使用fixed布局在safari下经常会遇到问题，比如： ios6下，不固定，滑动会突然跳动 输入框在弹出键盘后，不吸附在键盘上方 fixed的元素宽度不能自适应，在ios6下横竖屏切换的过程中 iframe下，fixed元素高度超大 参考资料 移动Web开发...

布局解决方案 居中布局 水平居中 inline-block + text-align table + margin absolute + transform flex + justify-content 垂直居中 table-cell + vertical-align absolute + transform flex + align-item...

常见布局样例 自动居中一列布局 横向两列布局 绝对定位的横向两列布局 常见布局样例 自动居中一列布局 所需知识： 标准文档流 块级元素 margin 外边距属性 <style type = "text/css" media = "screen" > article { width : 800px ; ...

编辑器布局 调整面板大小 移动面板 层叠面板 编辑器布局 编辑器布局是指 Cocos Creator 里各个面板的位置、大小和层叠情况。 选择主菜单里的 布局 菜单，可以从预设的几种编辑器面板布局中选择最适合当前项目的。在预设布局的基础上，您也可以继续对各个面板的位置和大小进行调节。对布局的修改会自动保存在项目所在文件夹下的 local/l...

编辑器布局 调整面板大小 移动面板 层叠面板 编辑器布局 编辑器布局是指 Cocos Creator 里各个面板的位置、大小和层叠情况。 选择主菜单里的 布局 菜单，可以从预设的几种编辑器面板布局中选择最适合当前项目的。在预设布局的基础上，您也可以继续对各个面板的位置和大小进行调节。对布局的修改会自动保存在项目所在文件夹下的 local/l...

define + template include 模板嵌入 gview 模板引擎支持两种layout 模板布局方式： define + template 方式 include 模板嵌入方式 这两种方式均支持对模板变量的传入。 define + template 由于gview 底层采用了ParseFiles 方式批量解析模板文件，...