段落间距网页设计里一个提升阅读体验的重要因素。但网页排版不想Word那样简单，你能否通过CSS有效率地设置段落间距呢？

网页设计里的文字排版问题

作为网页设计师，我们必须为文章的每个小标题和段落都预留一定的余量(在CSS通常使用margin)，但一个段落里所包含的元素（HTML标签）并不是一成不变的，这意味着你必须为这些可能存在的元素都设置一个明确的样式，避免产生多余的代码。

在逐步向W3C的标准过渡的前提下，目前设置段落间距的方法主要有两种：

通过类（Class）

为段落的第一个元素指定一个Class值，赋予margin-top:0。

在自己的网站上更新文章时一个比较常见的问题是：文章插图太宽，使整个网页都变形了。如果对每个插图都先进行缩放再插入的话，太麻烦了。
我前段时间写的一篇文章就遇到过这种事情，后来用CSS的overflow和max-width属性暂时解决了页面变形的问题。这种方法好处是简单，但坏处是会破坏某些细节的效果。