以用户体验角度看，网站发布的文章段落间距一般是多少？

重视网站的用户体验，是现在做网站优化的基本要求。这可不是我说的，是百度搜索引擎自己官方说的。因此，我们应当在seo优化的过程中，重视用户体验，那么怎么去重视用户体验呢？其实就是优化网站的各个细节，让用户的感官、需求得到满足。

抓住用户感官就是要在用户访问网站时，不至于因为页面设计、文字排版以及加载时长的原因而直接跳出。今天我们重点来说一说文字排版的细节，希望能够帮助到一些新手站长朋友们。

网站发布的文章段落间距一般是多少？

目前很多网站普遍使用的行间距是1.75em，也就是当前字体大小的1.75倍。而段落之间呢，一般是段前距和段后距都设置为10px。表现在css代码上就是如下：

p{
    line-height: 1.75em;
    padding-top: 10px;
    padding-bottom: 10px;
}

这样的排版看起来比较松散，给人很清爽的感官体验。不过，也不是要求大家绝对按照这个标准来。因为有的网站字体比较小，像14px的字体，太过于松散就会感觉比较别扭，可以酌情进行修改。字体小，间距也就小一些，字体大，间距也要更大一点。

图文混排的段落间距怎么设计比较合理？

有不少朋友的文章可能图片比较多，有时候使用编辑器时，为了方便观察，用了换行符，这导致本来的切片图片之间有较大的空白。也有的朋友喜欢把图片放置到<p>标签内，这样段落设置也会出现这个问题，怎么解决呢？

如果是图片只是换行了，如：

<p>
    <img src="****1.jpg" />
    <img src="****2.jpg" />
</p>

这种，为了防止出现问题，可以通过css控制：

p img{
    margin: 0;
    padding: 0;
}

而如果大家把每个图片都放置在<p>标签内，显然无法通过css代码实现，此时只能借助js实现了，如：

$('p:has(img)').css({  
    'margin': '0',  
    'padding': '0'  
});

以上，你学废了吗？