我们在显示一篇文章内容的时候,如果排版不好看起来会很乱,看了几行,就感觉看不下去了,不想再看了,这种用户体验很差,这样用户可能下次就不再来了,会流失大部分潜在的流量。
事实上,看一篇文章,入眼的时候,要感觉不乱,首先要段落分明,其次行间距要适当,这样设置后,让用户大概会一个映像在心里,再认真读下去,就可以静下心来看完,这样都完美。
根据这两天的研究跟调试总结一两句CSS出来,设置调整文章内容的排版:
1. 行间距可设为: line-height:180%, 差不多line-height:24px;这样看起来就不会太乱.
2. 段落间即<p>部分外间距可设为:margin:12px auto; 或12px至15px; 这样段落清晰度可以达到最好。
3. 整体内容的左边距与右边距的值:差不多为8px 或更大些最佳。margin:auto 8px;
当然整体版面不一样,排版样式也要相应调整,但以上可做为大多数页面的参考。