[WordPress]wordpress文章中的长英文单词字符不能自动断句的解决办法

这个是今天刚写上一篇文章时才发现的问题,因为是分享音乐所以为了一些可能存在的你懂的问题,我在最后弄了一个猜谜语的游戏让大家来解,不过发出来之后自己一看才发现,因为是纯英文字母+字符的组合,所以不可避免的溢出了(估计是被判断成一个单词了),而且因为很长,溢出后向右看非常的不方便,于是便想找找方法解决下这个问题。

其实解决起来也是挺容易的,改改CSS就能搞定,要用到的就是word-wrap或者word-break。

两者的区别我是看的博主无双的这篇《你真的了解word-wrap和word-break的区别吗?》了解的,顺带的在W3School自己又试了下,现在基本上是解决了我的问题。

方法

在CSS中控制文章样式的地方加入word-break:break-all或者word-wrap:break-word即可解决。

 

word-wrap和word-break的区别:http://www.cnblogs.com/2050/archive/2012/08/10/2632256.html

word-wrap:http://www.w3school.com.cn/cssref/pr_word-wrap.asp

word-break:http://www.w3school.com.cn/cssref/pr_word-break.asp

 

PS:网上教程里还要在word-break:break-all或者word-wrap:break-word后加overflow:hidden这个,无法理解······为什么要加这个?

文章标题:[WordPress]wordpress文章中的长英文单词字符不能自动断句的解决办法
本文作者:萌茶
链接:https://24dian30.com/webmaster/program/222.html

如非文内特别说明,博客内作品均默认采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。
知识共享许可协议
暂无评论

发送评论 编辑评论

|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇