怎么解决文字伸出框的情况?

图片描述

那个框我有加padding的,但还是会出现这种情况。中文的话,不会伸出去。但字母会出现这种情况。

阅读 2.5k
3 个回答

css 增加

word-wrap: break-word;
word-break:break-all

word-wrap是控制换行的。
使用break-word时,是将强制换行。中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。

word-break是控制是否断词的。
break-all,是断开单词。在单词到边界时,下个字母自动到下一行。主要解决了长串英文的问题。

因为页面会把一连串的英文字母当作一个单词,在加这两句试试吧:
word-wrap:break-word; word-break:break-all;

word-break: break-all;

css加上这个就可以

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