首页» 教程» Wordpress教程» WordPress 文章自动换行-进阶教程(八)

WordPress 文章自动换行-进阶教程(八)

Hello,嗨,大家好,我是哈喽猿。

这里是哈喽猿网

今天推送的是wordpress教程的文章,感谢您宝贵的时间阅读

WordPress进阶教程目录:

1.WordPress禁止F12和内容复制

2.WordPress GZIP压缩提高网站访问速度   

3.WordPress 自动缩略图   

4.WordPress 移除版权版本信息   

5.WordPress 数据库清理优化WP-Optimize   

6.WordPress 发送邮件功能(不用插件)   

7.WordPress 网站加速神器   

8.WordPress 文章自动换行   

9.WordPress 自动截取限定数字的摘要   

10.WordPress 大前端主题 实时推送百度熊掌号

11.WordPress 图片自动加水印

12.WordPress 图片加水印   

13.WordPress 搜索相关性和精准度   

14.WordPress 站点统计功能代码   

15.WordPress 站点统计功能代码   

16.WordPress 导入导出工具   

17.WordPress 文章导入   

18.WordPress 文章刷新   

19.WordPress 文章Tag标签内链优化   

20.WordPress 内容被复制后添加本站文章链接

21.WordPress 搜索下拉提示   

22.WordPress 敏感词汇屏蔽   

23.WordPress 添加相关文章功能   

24.WordPress 阿里云邮件   

25.WordPress 自动采集发布 长腿蜘蛛 WP-CTspider   

 

WordPress 文章自动换行

最近,一位朋友问如何挖掘鱼的源代码网络,WordPress文章的内容不能自动更改行怎么办。事实上,这样的问题在一系列较长的英文字符中比较常见,比如有些人贴上了某个电驴链接或雷电链接等等。

这个问题真的是超级简单,现在哈喽猿就来告诉大家吧

方法:

哈喽猿告诉大家,只要给包含文章内容的 id 或者 class 选择器添加下面的css代码即可

<span style="color: #993333;">content</span> <span style="color: #6666ff;">.post</span><span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">640px</span><span style="color: #00AA00;">;</span><span style="color: #000000; font-weight: bold;">white-space</span><span style="color: #00AA00;">:</span><span style="color: #993333;">normal</span><span style="color: #00AA00;">;</span><span style="color: #000000; font-weight: bold;">word-break</span><span style="color: #00AA00;">:</span>break-all<span style="color: #00AA00;">;</span><span style="color: #000000; font-weight: bold;">word-wrap</span><span style="color: #00AA00;">:</span><span style="color: #993333;">break-word</span><span style="color: #00AA00;">;</span><span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span><span style="color: #993333;">hidden</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>

这里需要注意的是,上面的 #content .post 要根据自己的实际修改

发表评论

0 评论

提供最优质的资源集合

站长留言