H5中文可以换行,英文无法换行
一开始,我以为是电脑和手机的区别
因为手机端上传的是英文名字的附件
电脑端,上传的是中文名字的附件
关键代码如下:
word-break: break-all; /* 强制英文单词换行 */
这段是我AI找到的代码案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Force Word Break</title>
<style>
.break-word {
width: 150px; /* 限制容器宽度 */
border: 1px solid #000; /* 显示边界 */
word-break: break-all; /* 强制英文单词换行 */
}
</style>
</head>
<body>
<div class="break-word">
VeryLongEnglishNameThatNeedsToBreak
</div>
</body>
</html>
处理之前效果如下