城市里的游牧民族

Menu

wordpress文章自动换行

今天在朋友的博客里面转载了一篇关于htaccess文件伪静态规则可以实现子目录绑定顶级域名的文章,但是发布之后发现文字将边栏撑破了,没有自动换行,然后我就去找百度了。很感谢网友的方法
-----------------------------------------

编辑对应模板中的CSS,加入代码

………………………………………………………………
/* main content styles */
#maincontent { white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
………………………………………………………………


我这里是maincontent,大部分是content,关键是后面width:380px是定义文章的宽度,到达后自动换行,根据自己的实际情况调整,IE同Firefox显示通过。
-------------------------------------------
以上是网友http://blog.163.com/zhbdbb@126/blog/static/2256432320080811954929/在此提供的方法。

第一步:
我的CSS里面是content,我在外观中编辑了style.css这个文件,在这里面添加如下样式
#content { white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
发现没有撑破边栏了,但是没有换行

于是接着看
感谢网友:http://www.adminr.com/?p=133在此发布的解决方法
---------------------------------------------

感谢:wordpresschok
他提供的讲解和解决办法:
————————————————
p {margin-bottom: 1.625em;}
把他改成
p {margin-bottom: 1.625em;word-wrap:break-word;}
————————————————
第二步:

于是我接着在我刚刚编辑的style.css里面的
#content { white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }加上margin-bottom: 1.625em;word-wrap:break-word;

=====================================

下面是我的style.css

/*content styles */
#content { white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;margin-bottom: 1.625em;word-wrap:break-word; }

— 于 共写了1286个字
— 文内使用到的标签:
本作品采用知识共享署名-非商业性使用-禁止演绎 3.0 中国大陆许可协议进行许可。

2条回应:“wordpress文章自动换行”

  1. 地球博客说道:

    技术性的东西老朽看不懂?

  2. Tyre+Valves说道:

    呵呵,好的,想法不错,收藏一下,经常会来看看的。

发表评论

电子邮件地址不会被公开。 必填项已用*标注