WordPress,无法正常显示空行-回行-回车-换行的几种解决方法

本文转自 倡萌 空间.

最近有朋友问 WordPress文章内容不能自动换行该怎么办。

其实这样的问题,比较常见于一连串较长的英文字符,比如有些人粘贴的某个 电驴链接 或 迅雷链接 等。

解决方法

只要给包含文章内容的 id 或 class 选择器添加下面的css代码即可。
#content .post{width:640px;white-space:normal;word-break:break-all;word-wrap:break-word;overflow:hidden;}
有朋友提到改成

我的空间是在:
#content { margin: 10px 0 0 0; float: left; width: 600px }

后面直接加上
;white-space:normal;word-break:break-all;word-wrap:break-word;overflow:hidden;
就可以了.

#content { margin: 10px 0 0 0; float: left; width: 600px ;white-space:normal;word-break:break-all;word-wrap:break-word;overflow:hidden;}

解决 WordPress 无法正常显示空行/回行/回车/换行的几种方法

    相信很多读者都有过,在wordpress后台编辑文章的时候,明明有按ENTER空行,但是发表后发现空行完全不见了。自从使用上WP之后,这个问题一直无法得到解决,一直怀疑Wordpress的编辑器不太好用。

    有时候在“可视化”模式下写完文章用“HTML”模式看一下,再切换回“可视化”结果就变了。而且经常有时候写文章想分段空一个空白行出来。必须切换到“HTML”模式中用<br/>来实现这个目的。没有以前用BO-BLOG那样方便,在BO的时代,想怎么回车就怎么回车,想空多少行就空多少行。。在网上查了一下,原来WP自带的这个功能:自动省略或删除空白行。真是闲的蛋疼,弄这么个SB功能出来。

今天再往上搜索了一下,还真的找到了答案,这就贴出解决方法。。。

解决方法一:

打开模板目录中single.php文件,查找 <?php the_content(); ?> 然后将其修改为 <div class=”entry”><?php the_content(); ?></div> 即可。不过此方法对很多主题无效,如果你也是这样,请继续往下看吧。

——————————————————————————————————

.post .content {

padding:5px 0 5px 5px;

line-height:145%;

overflow:hidden;

}

.post .content p {

margin-bottom:10px;

}

.post .content .under {

height:16px;

line-height:16px;

}

.post .content .under span {

float:left;

margin-right:15px;

}

.post .content h4 {

color:#080;

margin-bottom:10px;

}

.post .content img {

max-width:600px;

}

.post .content ul,

.post .content ol {

padding-bottom:10px;

}

.post .content ul li,

.post .content ol li {

list-style-position:inside;

padding-left:20px;

}

.post .content table {

background:#FFF;

border:1px solid #CCC;

margin:5px 0 10px;

}

.post .content table tr td {

border-top:1px solid #CCC;

padding:2px 10px;

}

.post .content table tr th {

padding:1px 10px;

background:#EDEFF0;

text-align:left;

}

.post .content .boxcaption {

background-image:url(img/postbox.gif);

border-bottom:1px solid #CCC;

}

.post .content .box {

background-image:url(img/postbox.gif);

}

—————————————————————————————————

解决方法二:

打开模板目录中style.css文件,添加以下代码:

然后在修改你的 single.php 文件,查找 <?php the_content(); ?> 然后修改成 <div class=”post-content”><?php the_content(); ?></div> 即可。

解决方法三:(这个插件可以不自动删除空白行)

如果你对代码一窍不通,用前两个方法就有点困难了,那么还有最简单的解决方法,用插件!

使用 TinyMCE Advanced 插件,然后在插件的设置页面的下方,找到  Stop removing the <jp> and <br/> tags when saving and show them in HTML editor 这个选项,打上勾。就可以了。简单方便,可能那些代码狂人对插件有点不屑。但是这个插件确实好用,有很多实用的功能。推荐!

Tags: , , , ,

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS

Leave a Reply

You must be logged in to post a comment.

文字链