CSS Grid Overlay10

简介:
跨断点轻松检查页面的网格对齐方式。支持多个断点和常用的网格值（间距、列、最大宽度等）。配置可以很容易地作为 json 对象在团队成员之间保存和共享。示例配置文件： [ { “列”：4， "margins": 16, // 第一列和最后一列前后的 px // 这些排水沟像边距一样工作： // 如果列间距为 32px，则间距为 16 “排水沟”：16， "from": 0, // 断点起始点，单位 px // 可选值// "to": 599, 以像素为单位的断点结束// 网格将在这个以像素为单位的最大宽度之后居中// 否则它将是全宽// "最大宽度": 1440, // 如果你想移动网格//（例如，在带有左侧边栏的样式指南中// 你会使用 offsetLeft 将网格推到右边// "offsetTop": 0, // "偏移量": 0, // "offsetBottom": 0, // "偏移左": 0, // “背景颜色”：{ // "列": "rgba(234, 23, 140, .3)", // "排水沟": "rgba(0, 231, 255, .3)", // "边距": "rgba(0, 191, 165, .3)" // } } ]