无法在产品目录中获得文字换行/打破

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的开发工具很容易发现这个问题。