失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > ElementUI 文本内容不能自动换行 内容超出显示(遇到中文 空格才会换行)

ElementUI 文本内容不能自动换行 内容超出显示(遇到中文 空格才会换行)

时间:2021-04-08 13:01:18

相关推荐

ElementUI 文本内容不能自动换行 内容超出显示(遇到中文 空格才会换行)

问题(如图):

文本超出显示范围,尝试其他几种情况后发现,当文本中无空格和中文时,才会出现下图中的情况

解决方案:

设置 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 文本内容不能自动换行 内容超出显示(遇到中文 空格才会换行)》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。