前端⽂字过长时，强制换⾏，且⽆效的解决⽅案当⽂本内容过长需要保留全部时，我们常规进⾏换⾏：
word-break: break-all; // 使中⽂和英⽂为⼀体，⼀起换⾏
word-wrap: break-word; // 使中⽂和英⽂分开换⾏
当上述两个⽅案都换⾏⽆效的时候，检查⼀下
white-space的属性是nowrap还是normal
normal：连续的空⽩符会被合并，换⾏符回被当作空⽩符号处理。填充line盒⼦时，必要的话会换⾏
nowrap：和normal⼀样，连续的空⽩符会被合并，但⽂本内的换⾏⽆效
超出部分以省略号显⽰：
display: block; // 内联对象需要添加
white-space: nowrap; // 不换⾏，属性在⽂本超出显⽰省略号的时候⼤家⼀定⽤过
overflow: hidden; // 内容超过宽度时，隐藏超出部分的内容
text-overflow: ellipsis; // 当⽂本溢出时，显⽰省略标记（...），需要与overflow: hidden⼀起使⽤
字符串长度过长

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。