嘘!一叶!Since 2011
互联网 ·2012 年 02 月 25 日

修改Wordpress段落间距和行间距

804 字 /约 3 分钟 /修订于 2014-12-18

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

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

详见: 雅黑字体下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;<!--段落间距-->
}

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

评论

用 GitHub 账号登录后即可留言
WordPress 时期的旧留言(14 条)

以下为 2011–2025 年 WordPress 时期的留言存档,原样保留,不再接受新留言。

JQ 博客
我网上下载的3D Tags,总是不能用,看到博主这儿的3D运转正常,想请教一下
gemer
不错,飘过。。。呵呵。。
一叶
你的那个flash文件有问题,原版的不支持中文 [酷] ,我给你修改版的:http://115.com/file/c2zu9b3c#
wp-cumulus_3D云标签.zip
有一个姑娘
有那么麻烦吗
青岛葡萄酒
可不可以用word
有点蓝
细节决定成败啊 呵呵
似水年华
是不是复杂了点
一叶
麻烦吗?
一叶
额,不是吧,只要改几项数字而已额
一叶
主题定的行距和段落间距,word复制过去之后也会变成主题设定的值
一叶
不喜欢折腾模版。。。。默认模版最好改最自由,而且升级没有兼容性问题
一叶
以前的字体和行距怎么看怎么丑。。
jack
博主,你好:
我的是3.3.2, 我也想修改间距,也是因为它太大了,但我在style.css中找不到你说的那几项,己两天了,急啊,怎么能呢?邦我想想办法?是不是和不同的模板也有关呢?
还有,我用notepad打开的,notepad窗口中只有十行,最后一行长长的,可不可以拆断成许多行呢?怎么办呢?
谢谢!
一叶
你用的什么主题?还有,编辑代码最好别用记事本,用一些支持高亮和缩进的编辑器比较好,个人推荐notepad++,你要修改这些可以先看一下single.php里面正文部分的div对应的样式,然后到style.css里面找到那个,修改我文章中写的那些,没有的话可以自己加上