任何不规则的形

状都会打断先流水般涌出的模式识别（因此会浪费一部分本应该用于欣赏优秀内容的脑力
活动），而一种规则的，一致的并且可以预期的结构将会使你的设计更易读也能理解认知
你的设计。建立一种固定的基线网格便是实现它的一种很好的方法。

此外，通过基本一个每个垂直（和水平）间距都一致，每一个元素有着预设单元尺寸

的系统不仅消除了上述随意的不统一性，也使得设计师的工作更加容易，

设计师只需在总

框架总决定基本的结构。建立一个标准，比如，头部下面总有两个基线的白色间距，每个盒
子都有三个基线空间的内边距，在我们的布局中增加逻

辑，这不仅易于设计，易于实现，

更重要的是易于理解。

现在，如果垂直网格还像一个抽象概念，基线的另一个优点

——多列水平对齐——就

显得更容易理解。这在印刷设计中

更加常见，特别是杂志和报纸，经常使用多列布局，相

邻段落（或者头部）若基线对齐的很好会令阅读沉浸而欢快，一旦对齐的不好或者根本没
有对齐阅读便被烦人

的打断。这种来源于基线对齐的安静的排版展现了一种视觉自信，一

个看不见支架支撑着页内所有的元素，让读者潜意识的安心下来。一本左手页每一行都对齐
相对

右手页的书让人很容易感觉到信任，而相反若是根本对齐的书籍，这种信任则相对少

的多。

多列水平对齐

line-height 的问题
传统意义上，基线是指大部分字母所

“坐落”其上的一条看不见的线，每条基线之间形

成基本的基线网格，正如之前所讨论的，基线不但形成垂直网格，而且

会使相邻列之间水

平对齐。一旦定义好了基线网格，接下来要做的便是强制所有的元素对齐，以此来使得成行
的文本，边框，图片或者盒子元素总是匹配对齐到相同

的垂直结构。

问题是，像在

InDesign 中能够让你点击按钮（准确的开启和关闭网格）便能轻松调整

形状来对齐网格的工具，对应到

css 中只能通过控制调整行高（line-height），内边距

（

padding），外边距（margin），大小（size）——其中任何的变动都可能会引起元素总

高度的变化。

找互联网资料，就到一览互联网文库