标签上的属性是后端返回一个标签后添加的,而且不能用ellipsis省略掉内容或者overflow:hidden;隐藏内容,所以只能采取换行
像下面这个p标签,长文本用中文不会出现“不换行”的问题
但是 字符串(纯字母或数字)就会出现溢出的情况:
我的猜想是:浏览器将字符串看作是同一个单词,不采取换行的形式(也不知道对不对)
解决:纯字符串文本:在p标签加上属性:word-break: break-all;
word-wrap: break-word;
:这个属性主要用于处理非纯字母文本(例如包含空格或标点符号的文本)。当一个单词太长无法完整显示在一行时,会自动将该单词拆分为多行,并确保单词内部的字符不被截断。这通常适用于处理普通文本内容。word-break: break-all;
:这个属性主要用于处理纯字母文本(例如英文单词)。它会在任意字符之间进行换行,包括单词内部。这意味着长单词或字符串可能会被拆分成多行,而不仅仅是在单词之间换行。这通常适用于处理代码或其他需要精确换行的纯字母文本。- 注:word-break: normal |break-all |keep-all;