加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

CSS中英文无法自动换行的解决办法

发布时间:2018-09-18 06:29:02 所属栏目:创业 来源:站长网
导读:题目: 在一个设定好宽度的div中,当我们输入的中文笔墨长度高出了设定宽度时,会自动换到下一行。可是,假如输入的是英笔墨母,那么,无论你div设定宽度为几多,英笔墨母都是不换行直接在统一行输出,导致div的宽度远远超出设定的大

  题目:

  在一个设定好宽度的div中,当我们输入的中文笔墨长度高出了设定宽度时,会自动换到下一行。可是,假如输入的是英笔墨母,那么,无论你div设定宽度为几多,英笔墨母都是不换行直接在统一行输出,导致div的宽度远远超出设定的巨细。

  缘故起因:这是由于div中,英笔墨母之间没有空格的话,它会默认以为这是一个英文单词,以是单词就一次输出不换行。那么,莫非我们得在每个字母中间插手一个空格来办理这个题目么?着实不消的,可以通过CSS实现。

  办理步伐:在div的style中设定word-break:break-all;即可实现自动换行。添加后的div代码大抵如下(div中英文自动换行):

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com] <div style="word-break:break-all;width:20px“ >此刻这里的英文到达20px长度就会自动换到下一行了</div>

   来自:萍客小居 (http://www.cnblogs.com/piikee

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读