---

title: 允许长单词和数字换行
date: 2024-06-15 20:18:15
tags: vue3

当文字的张度大于盒子的最大长度，但是由于它是一串数字或者是一串英文字母，通常是不会默认换行的。

在输入的时候我们会经常遇见这样的问题，这个时候就要重新定义一下样式，让他即使是数字或者字母字符串也可以自动换行。加上下面那个样式就可以了。

.text {display: inline-block; /* 使文本在一行内显示 */
}