在这种情况下，CSS-Word不会包装 - 自动换行不起作用

Question

我想在div中包装单词。我的css是

.event-location {
-webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
height: 90px;
line-height: 90px;
white-space: nowrap;
word-wrap: break-word;
width: 100%;
word-break: break-all;
background-color: #337AB7;
font-size: 18px;
padding-left: 10px;
font-weight: bold;
border-radius: 3px;}

在这种情况下，没有sapces的长行超出了div。

Answer 1

您正在使用white-space:nowrap;，这会导致您不要将文本分开。因此，您可以将其删除或设置为正常：

white-space:normal;