一、问题

1.问题描述

如果说文本是中文的话自动换行，不过当我们把文本换成数字或者字母就不会换行。

2.问题展示

二、解决办法

1.原代码如下：

ul li {
	background-color: #4CB02A;
    width: 400px;
    color: #fff;
    padding: 5px 30px 5px 5px;
    box-sizing: border-box;
    list-style-position: inside;
    margin-bottom: 10px;
    font-size: 12px;
    position: relative;
}

2.现代码如下：

ul li {
	background-color: #4CB02A;
    width: 400px;
    color: #fff;
    padding: 5px 30px 5px 5px;
    box-sizing: border-box;
    list-style-position: inside;
    margin-bottom: 10px;
    font-size: 12px;
    position: relative;
    word-break: break-all;
}

整体添加了一个：

word-break: break-all;

作用：对于non-CJK (CJK 指中文/日文/韩文) 文本，可在任意字符间断行。
MDN链接：https://developer.mozilla.org/zh-CN/docs/Web/CSS/word-break

三、总结

多查阅MDN文档