换行
一般情况下,元素默认自动换行(white-space:normal;自动换行,white-space:nowrap;不换行)。
但是该属性不会打断单词,如果输入一长串连续的字母,浏览器会将其识别为一个单词,默认不换行,导致样式异常。
为了避免出现这种情况,需要为该元素设置css样式。
为元素设置好宽度后(不可以是auto),加上以下几个样式就可以使元素在遇到长单词时允许在单词中换行而不破坏元素原有样式。
word-break:break-all; /* 可以在单词内换行,其他属性:keep-all(只能在空格或连接符处换行) */
word-wrap: break-word; /* 允许长单词在内部换行 */
overflow-wrap: break-word; /* 当单词过长时允许在单词内换