购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.2.5 布局规则

Dashboard的布局使用网格完成。每个组元素都有一个宽度,默认为6个“单位”(一个“单位”默认为48px)。

组中的每个小部件也有一个宽度,默认为“自动”,这意味着填充它所在组的宽度,但可以将其设置为固定数量的单位。

Dashboard的布局算法是,总是试图将项目放置在容器中左上的位置。这适用于组在页面中的定位,也适用于小部件在组中的定位。

给定一个宽度为6个单位的组,如果你添加6个小部件,每个小部件的宽度为2个单位,那么它们将排成两行,每行3个小部件。如果你添加两个宽度为6个单位的组,只要你的浏览器窗口足够宽,它们就会并排排列。如果你缩小浏览器窗口,那么可能第二组将移动到第一组下方,排成一列。建议使用多个组,而不是一个大组,这样页面可以在较小的屏幕上动态调整大小。 /tUNNsWuih2S7piYIxzH9S7Jtd1IozZz7dPdSSCV+rKD1dG1begUYk/1UY0tlfBU

点击中间区域
呼出菜单
上一章
目录
下一章
×