word-break设置换行时词条的显示

是什么意思？看下图

图片中的标示部分，百褶裙后面明明还有空隙，表明他的后面是还可以容纳几个文字的。但是，容纳牛仔裙背心裙等六个字却不足够。于是乎，有必要像图片中那样将牛仔裙背心裙等这个词条整体在下一行显示，就如图中的所示一样，以正确的方式。

怎么做到？

word-break: keep-all;

值得注意的是图中的词条并不是简单的以空格来进行隔开，而是每一个都容纳在的各个span标签和a标签里面。