html - 在html中的无序列表中自动换行

<ul class="notice-ul">
<li class="notice-word-wrap">Delivered,Delivered,Delivered,Delivered,Delivered,Delivered,Delivered,Delivered,Delivered,Delivered,Delivered,Delivered,Delivered,Delivered,Delivered,Delivered,Delivered,Delivered</li>
<li>Delivered</li>
</ul>

上面是我在HTML中的无序列表。
以上的CSS：

.notice-ul{
    list-style: none;
}

.notice-ul > li:before {
 content:"\2713\0020";
 }

.notice-word-wrap{
    display: block;
    width: auto;
    height: auto;
    word-break: break-all;
    word-wrap: break-word;
    white-space: normal
}

我在这里遇到的问题是关于包装第一单词的情况，其中单词没有正确断开。附加以上结果：Result in UI

最佳答案

在逗号后（和单词之间）添加空格应使文本在html中正常流动和换行。

关于html - 在html中的无序列表中自动换行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38889208/