懂得放弃,才会有新的收获!

新闻正文内容排版样式

By weisnet On 2009-06-20 At 01:51 View:384

我们在显示一篇文章内容的时候,如果排版不好看起来会很乱,看了几行,就感觉看不下去了,不想再看了,这种用户体验很差,这样用户可能下次就不再来了,会流失大部分潜在的流量。

 事实上,看一篇文章,入眼的时候,要感觉不乱,首先要段落分明,其次行间距要适当,这样设置后,让用户大概会一个映像在心里,再认真读下去,就可以静下心来看完,这样都完美。

根据这两天的研究跟调试总结一两句CSS出来,设置调整文章内容的排版:

1. 行间距可设为: line-height:180%, 差不多line-height:24px;这样看起来就不会太乱.
2. 段落间即<p>部分外间距可设为:margin:12px auto; 或12px至15px; 这样段落清晰度可以达到最好。 
3. 整体内容的左边距与右边距的值:差不多为8px 或更大些最佳。margin:auto 8px;

当然整体版面不一样,排版样式也要相应调整,但以上可做为大多数页面的参考。 

·上一篇:Weiseditor 在线文本编辑器讨论
·下一篇:动态创建JSON节点

for this post

 
 

Leave a Reply

赶快抢个沙发坐坐!
请先 登陆  还没帐号

Hot Posts Powered by weiseditor

  • Add to Google

Friend links