网页栅格系统研究:蛋糕的切法（2）
作者：玉伯 来源：Taobao.com UI Team 发布时间：2008-10-24 17:07:00
标签：网页栅格,栅格,屏幕,布局,设计
950的来历
具体应用时，Margin其实是一个空白边，从视觉上看并不属于总宽度。不少栅格设计里习惯性地设定Gutter为10px, 这样Margin就是5px. 当W为960，分割成6列时，栅格如下图：
上图的处理是左右Margin各为5px. 也可以将Margin集中放在一边，比如右边：
无论Margin放在何处（这只影响技术实现，不影响设计），我们真正要关注的是去除Margin之后的部分：
这就是我们要真正关注的950！将W的含义变为去除Margin的总宽度，公式变化为：
W = N * C - g
将上面的公式实例化一下：
950 = 12 * 80 - 10
950 = 16 * 60 - 10
950 = 24 * 40 - 10
这就形成了960蛋糕的三种常见切法。
12 x 80
16 x 60
24 x 40
0
投稿猜你喜欢
- 当需要再次安装SQL Server时，如果序列号找不到了，可以试着从已经安装的实例里找回序列号，因为安装完SQL Server后，序列号(P
- 如下所示：def usage(): print(' * usage:') print(' *
- 一般数据库默认是10次尝试失败后锁住用户 1、查看FAILED_LOGIN_ATTEMPTS的值selec
- 第一种方法:这个是删除单字段图片的代码。比较简单，因为图片字段已经预先存在数据库表的bookpic的字段里面了。 代码如下: <!-
- 1.引入css与jsbootstrapValidator.min.cssbootstrapValidator.min.js2.html中的m
- 目录1、requests项目单元测试状况2、简单工具类如何测试2.1 test_help 实现分析2.2 test_hooks 实现分析2.
- 映射类型 — dict字典可用多种方式来创建:使用花括号内以逗号分隔键: 值对的方式: {‘jack
- 本文实例汇总了常用的JavaScript弹出窗口方法，供大家对比参考，希望能对大家有所帮助。详细方法如下：1.无提示刷新网页：大家有没有发现
- 昨天在做mergeCSS的时候遇到两个正则匹配的问题，也花了不少的时间，最后在CSS森林群的 CE 同学帮助下，才完成了这俩正则，特别记录下
- 参数数量及其作用该函数共有五个参数，分别是：被赋值的变量 ref要分配给变量的值 value、是否验证形状 validate_shape是否
- 如何用ASP来识别操作系统是vista的?我在网上找了个函数,但是不能判断是vista系统,希望大家帮忙. 这个是我在网上找的函数: Fun
- 本文讲述了Python检测网络延迟的代码。分享给大家供大家参考，具体如下：#!/usr/bin/env python # coding: u
一、数据完整性简介1、数据完整性简介数据冗余是指数据库中存在一些重复的数据，数据完整性是指数据库中的数据能够正确反应实际情况。数据完整性是指- 介绍set 顾明思义，就是个集合，集合的元素是唯一的，无序的。一个{ }里面放一些元素就构成了一个集合，set里面可以是多种数据类型（但不能
- WebService客户端接口调用及身份验证问题最近由于业务需求，需要实现python Webservice的服务以及接口调用。服务端代码可
- 对于某一类网站， 管理界面 是基础设施中非常重要的一部分。 这是以网页和有限的可信任管理者为基础的界面，它可以让你添加，编辑和删除网站内容。
- 前言之前写pandas和matplotlib的时候说到了想要出一期Pyechart系列数据可视化的文章。比起matplotlib，pyeac
- 正则表达式是一个特殊的字符序列，它能帮助你方便的检查一个字符串是否与某种模式匹配。Python 自1.5版本起增加了re 模块，它提供 Pe
- 当点了链接后，跳出的网页地址是https://www.aspxhome.com/ 或https://www.cidianwang.
- 本文实例分析了python多线程用法。分享给大家供大家参考。具体如下：今天在学习尝试学习python多线程的时候，突然发现自己一直对supe
