栅格系统

计算公式 ( m + a ) * n - a = w - 2b

  • m：一个单元格的宽度（不包括空隙）
  • a：空隙宽
  • n：一排单元格个数
  • w：屏幕宽度
  • b：留白

注意事项

  • 常见栅格为 12 栅格（ 2，3，4，6 等分都很方便）用于 PC 排版上
  • 注意接壤两端空隙但不横跨
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • 栅格系统
    栅格系统英文为“grid systems”，也有人翻译为“网格系统”，运用固定的格子设计版面布局，其风格工整简洁。...
    先森007阅读 4,913评论 0赞 2
  • 栅格系统基础六要素
    温馨提示：这是一篇非常非常基础的关于栅格的文章，如果你已经对栅格系统有了深入的理解， 就不用浪费时间看这篇文章了！...
    菜心设计铺阅读 10,764评论 5赞 50
  • 栅格系统
    栅格系统（grid systems）也称网格系统，指的是一种运用固定的格子设计版面布局方法。 使用栅格系统进行网页...
    amanda_feng阅读 4,549评论 0赞 2
  • 一些祛痘养生的小建议
    本人小白领一枚，今年芳龄二十八，不得不承认，这两年新陈代谢开始变慢，免疫力逐渐下降。以前脸上长颗痘痘，处理完两三天...
    鱼与酱阅读 4,954评论 10赞 16
  • 竞品分析-我家的冰箱
    竞品：我家的冰箱 录入方便程度：纯手工录入，不方便； 信息准确度：完全依赖于用户输入 共享性：不可多人共享。
    就是要开心阅读 4,310评论 0赞 0

友情链接更多精彩内容