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;