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

这表示所有链接都会拒绝换行，并且因为！important标志在那里，所以它不能被覆盖。删除它，你的链接标题将包装。

为了将来参考，我强烈建议您熟悉Web浏览器中内置的开发人员工具（google“[浏览器名称]开发人员工具”）。使用Chrome的开发工具很容易找到这个问题。

无法在产品目录中获取文本包装/中断

1 个答案: