Dashboard的布局使用网格完成。每个组元素都有一个宽度,默认为6个“单位”(一个“单位”默认为48px)。
组中的每个小部件也有一个宽度,默认为“自动”,这意味着填充它所在组的宽度,但可以将其设置为固定数量的单位。
Dashboard的布局算法是,总是试图将项目放置在容器中左上的位置。这适用于组在页面中的定位,也适用于小部件在组中的定位。
给定一个宽度为6个单位的组,如果你添加6个小部件,每个小部件的宽度为2个单位,那么它们将排成两行,每行3个小部件。如果你添加两个宽度为6个单位的组,只要你的浏览器窗口足够宽,它们就会并排排列。如果你缩小浏览器窗口,那么可能第二组将移动到第一组下方,排成一列。建议使用多个组,而不是一个大组,这样页面可以在较小的屏幕上动态调整大小。