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 Clipboard引用的内容:[www.veryhuo.com] <div style="word-break:break-all;width:20px“ >此刻这里的英文到达20px长度就会自动换到下一行了</div>来自:萍客小居 (http://www.cnblogs.com/piikee (编辑:河北网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |