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; }
技术性的东西老朽看不懂?
呵呵,好的,想法不错,收藏一下,经常会来看看的。