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;} 

在这种情况下，没有切换到div以外的长线。

Answer 1

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

white-space:normal;