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

日期:2021-03-14 类型:科技新闻 

关键词:凡科自助建站,企业网站怎么建设,智能建站系统,自己建个网站,搭建网站基本步骤

可是,假如键入的是英文本母,那末,不管你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>
上一篇:CSS下10个节省开发设计時间的技能 返回下一篇:没有了