文字超出屏幕不会自动换行?求解

最近接受了一个 VUE 的项目,发现一个奇怪的地方:我随便一个页面写一个标签,里面的文字很长,直到超出屏幕,竟然不会自动换行,一直超出屏幕外,审查元素显示宽度超过屏幕很多了。
试了一下,英文字母或者数字就会这样子,但是如果是中文倒是不会?为什么呢?
我甚至把引入的样式都给去掉了,还是存在这样的问题,怎么回事啊,有遇到这种情况的吗?很急着解决

阅读 5.9k
2 个回答

连在一起的英文和数字会被认为是一个词,默认不打断不换行。需要通过CSS进行强制打断

word-wrap:break-word

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题