div超出宽度自动换行

div内容超出宽度自动换行，设置宽度之后，再设置word-break、word-wrap这两个属性即可。如果div里面的内容自动换行后，两行距离过远，可以设置line-height属性，控制行高。

div{
    width: 500px;
    /** word-break: normal(使用浏览器默认的换行规则)|break-all(允许在西文单词中换行)|keep-all(只能在半角空格或连字符处换行);通过该属性规定自动换行的处理方法，即遵循何种方式换行。 */
    word-break: break-all; 
    /** word-wrap: normal(只在允许默认的断字点处换行，浏览器默认)|break-word(在长单词或URL内部换行);通过该属性允许长单词或URL换行到下一行。 */
    word-wrap: break-word;
    /** 行高一般设置20-24px即可 */
    line-height:24px;
}

 

来源：https://blog.csdn.net/weixin_44306005/article/details/102516466