製品カタログ内の折り返し/折り返しするテキストを取得できません

Question

商品タイトルが長い商品では、画面のサイズを変更して重なったときにテキストが折り返されたり折れたりしません。 Iveはワードラップ、空白、単語区切り&オーバーフローラップを使用しましたが、テキストは中断しません。 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

リンクされたWebページでは、のcustom.cssのライン188に、このプロパティを持っている：以下のコード、あなたもここにサイト上での行動を見ることができます参照してください

a { 
    white-space: nowrap !important; 
} 

これは、すべてのリンクが折り返しを拒否し、！importantフラグがあるため、上書きすることはできません。それを削除すると、リンクのタイトルが折り返されます。

今後の参考として、あなたのウェブブラウザ（Google [ブラウザの名前] developer tools）に組み込まれている開発ツールに精通することを強くお勧めします。 Chromeの開発ツールを使用してこの問題を見つけるのは非常に簡単でした。