互联网 · 2012 年 2 月 25 日 14

修改Wordpress段落间距和行间距

    今天觉得自己的博客行间距和段落间距太大了,很不美观,所以找了几个教程修改了一下,但是在网上只发现了改行间距的教程,于是自己边改边试,自己找到了相应的代码,这里就跟大家分享一下了,其实很简单的。

    因为此教程比较老了,而且太过简单,可能很多人都看得一头雾水,所以重新写了一篇段落间距、行间距、字符间距的文章。

详见: 雅黑字体下WordPress 行高与字符间距最佳实践:1.8em与0.06em

    我用的是WP3.3.1,最新的版本了,直接选择外观——编辑,就进入了主题文件的编辑界面,然后选择右边的style.css,即样式表,找到以下代码。

/* =Content
-------------------------------------------------------------- */

#main {
    clear: both;
    overflow: hidden;
    padding: 20px 0 0 0;
}
#content { 
    margin-bottom: 36px;
}
#content,
#content input,
#content textarea {
    color: #333;<!--文章字体颜色-->
    font-size: 12px;<!--文章字体大小-->
    line-height: 180%;<!--行间距-->
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
    margin-bottom: 14px;<!--段落间距-->
}

      上面是我自己修改的项,大家根据自己的主题和显示效果修改吧,改到自己满意就行了,行间距最好用百分比,用像素单位的话不同字体大小可能会引起文字变形,如压扁或者拉长,那就很不和谐了。

14
0
希望看到您的想法,请您发表评论x