在开发中可能会遇到连续英文字符或数字超出容器边界的问题，如 效果图： 可以看到，正常的中文和英文单词是可以正常换行的，为了解决后面的连续数字或英文字符溢出的现象，可以给en类加上word-wrap: break-word;样式 效果图： end ^_*` ...

　　最近开发了一个与富文本相关的功能，大概描述一下：通过富文本编辑器添加的内容，通过input展示出来（这里用到了 Vue 的 v-html 指令）。 　　也是巧合，编辑了一个只有数字组成的长文本，等到展示的时候发现，内容超出了（没有自动换行），另外发现遇到文字就可以换行，如下图所示 ...

当用户输入比较奇葩时，来访理由出现数字不换行的问题。 数字在浏览器中是默认不换行的。 解决方式：添加word-break即可。 效果如下： ...

忽略。pre 空白会被浏览器保留。其行为方式类似 HTML 中的 pre 标签。nowrap 文本不会 ...

...

需求如下图： 追加给前台后，效果如下： 可以在源码看到： 是将后台给出来的数据，直接当作字符串给填充在了前台HTML中。 而查看浏览器编译后的HTML源码可以发现： 原来字符串中的<br> ...

添加css属性word-break: break-all; ...

在html中，经常要用到table标签，一般情况下，table下面的td元素里的东西都是汉字或者说是汉字、字母、数字的混合，在这种情况下，不设置table的宽度，也就是table宽度自适应的时候，浏览器如果缩小的话，table里面的内容会跟随浏览器的宽度换行。这个大家都清楚。但是如果td里面的内容 ...