css - 怎么解决文字伸出框的情况？

问题描述

问 题

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

解决方案

css 增加

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

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

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

这篇关于css - 怎么解决文字伸出框的情况？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！