CSS 网格覆盖 Chrome 使用 OffiDocs

商品描述

支持多个断点和常用的网格值（装订线、列、最大宽度等）。

配置可以轻松地保存为 json 对象并在团队成员之间共享。

示例conf: [ { "columns": 4, "margins": 16, // 第一列和最后一列之前和之后的像素 // 这些装订线的工作方式类似于边距: // 如果列之间的距离为 32px，装订线为 16 "装订线": 16, "from": 0, // 断点开始（以 px 为单位） // 可选值 // "to": 599，断点结束（以 px 为单位） // 网格将在此 maxWidth（以 px 为单位）之后居中 // 否则，'将是全宽度 // "maxWidth": 1440, // 如果你想移动网格 // (e.

g.

在带有左侧边栏的样式指南中 // 您可以使用 offsetLeft 将网格推到右侧 // "offsetTop": 0, // "offsetRight": 0, // "offsetBottom": 0, // "offsetLeft ": 0, // "backgroundColors": { // "columns": "rgba(234, 23, 140, .

3)", // "装订线": "rgba(0, 231, 255, .

3)", // "边距": "rgba(0, 191, 165, .

3)" // } } ]

附加信息：

- 由 imagentleman.github.io 提供
- 平均评分：4.33 星（喜欢）
-开发人员 此邮件地址受spam bots保护。 您必须启用JavaScript才能查看。

CSS 网格覆盖网页 extension 与 OffiDocs 集成 Chromium 在线