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

ttx9n · 发表于 2009-11-29 23:05:20

在一个设定好宽度的div中，当我们输入的中文文字长度超过了设定宽度时，会自动换到下一行。但是，如果输入的是英文字母，那么，无论你div设定宽度为多少，英文字母都是不换行直接在同一行输出，导致div的宽度远远超出设定的大小。

原因：这是因为div中，英文字母之间没有空格的话，它会默认认为这是一个英文单词，所以单词就一次输出不换行。那么，难道我们得在每个字母中间加入一个空格来解决这个问题么？其实不用的，可以通过CSS实现。

解决办法：在div的style中设定word-break:break-all;即可实现自动换行。添加后的div代码大致如下

div中英文自动换行

复制代码代码如下:
<div style="word-break:break-all;width:20px“ >现在这里的英文达到20px长度就会自动换到下一行了</div>

bp5jgbcnt · 发表于 2022-8-9 18:12:07

呵呵呵呵呵呵呵a

0608fv3 · 发表于 2022-10-8 20:40:23

vcxvcxv

kestlhoxn · 发表于 2022-11-24 05:33:56

哦哦哦哦哦哦哦哦哦

醉梦娱乐网 · 发表于 2022-12-18 00:43:32

很不错的样子

3t0ukmu · 发表于 2023-8-14 01:23:11

sdsadsadsadf

7jbiiz · 发表于 2023-10-28 12:20:35

啪啪啪生怕PSP怕

JosephSA · 发表于 2023-11-29 05:45:55

女生看了弄丢了卡萨诺的卡洛斯

sykzus · 发表于 2023-12-2 22:09:40

先把创新班才能下班才能下班

rveqwdpw5 · 发表于 2024-3-17 20:34:54

554411515451555

账号		自动登录	找回密码
密码			立即注册

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

相关帖子