问题(如图):
文本超出显示范围,尝试其他几种情况后发现,当文本中无空格和中文时,才会出现下图中的情况
解决方案:
设置 div 强制换行
<div style="word-break: break-all">zxcvbnmasdfghjklpoiuytrewq|zxcvbnmasdfghjklpoiuytrewq|zxcvbnmasdfghjklpoiuytrewq</div>
其他:
举例一下几种可以正常换行的情况:
(例图)
1.全中文
例:
晚风中闪过 几帧从前啊飞驰中旋转 已不见了吗 远光中走来 你一身晴朗身旁那么多人 可世界不声 不响
2.英文含空格
例:
Loveliness, needs not the foreign aid of ornament, but is when unadorn'd, adorn'd the most.—— James Thompson
3.遇到中文和空格换行(以中文和空格截断换行)
例:
顺扥是zxcvbnmasdfghjklpoiuyt跟GRErewq|zxcvbnmasdfghjklpo解耦iuytre wq|zxcvbnmasdfghjklpoiuytrewq
如果觉得《ElementUI 文本内容不能自动换行 内容超出显示(遇到中文 空格才会换行)》对你有帮助,请点赞、收藏,并留下你的观点哦!