無法在產品目錄中獲得文字換行/打破

Question

在產品標題較長的項目中，文本在屏幕大小調整和重疊時無法換行/中斷。我使用了自動換行，空格，分詞&溢出包裝，但文本拒絕中斷。請參見下面的代碼，你也可以在這裏看到網站上的行爲：goo.gl/VsFBkx

.product-item-name { 
font-size: 16px; 
font-family: 'Work Sans','Helvetica Neue',Helvetica,Arial,sans-serif; 
font-weight: normal !important; 
} 
styles-m.css:1 
.product-item-name { 
display: block; 
margin: 5px 0; 
word-wrap: break-word; 
-webkit-hyphens: auto; 
-moz-hyphens: auto; 
-ms-hyphens: auto; 
hyphens: auto; 
font-size: 15px; 
} 

Answer 1

在您鏈接的網頁，在custom.css的188行，你有這樣的特性：

a { 
    white-space: nowrap !important; 
} 

這就是說所有鏈接都會拒絕包裝，因爲！重要標誌在那裏，它不能被覆蓋。刪除並且您的鏈接標題將包裝。

爲了將來的參考，我強烈建議您熟悉Web瀏覽器內置的開發工具（谷歌「[瀏覽器名稱]開發者工具」）。使用Chrome的開發工具很容易發現這個問題。