div中英文没法全自动换行的处理方法

2021-01-20 14:56 jianzhan
可是,假如键入的是英文本母,那末,不管你div设置宽度为是多少,英文本母全是不换行立即在同1行輸出,致使div的宽度远远超过设置的尺寸。

缘故:这是由于div中,英文本母之间沒有空格的话,它会默认设置觉得这是1个英文单词,因此单词就1次輸出不换行。那末,难道说大家得在每一个字母正中间添加1个空格来处理这个难题么?实际上无需的,能够根据CSS完成。

处理方法:在div的style中设置word-break:break-all;便可完成全自动换行。加上后的div编码大概以下

div中英文全自动换行

拷贝编码
编码以下:

<div style="word-break:break-all;width:20px“ >如今这里的英文做到20px长度就会全自动换到下1行了</div>