html - css uikit 网格组件：Google Chrome 中 div 中的文本重叠

Question

我正在使用 uikit 网格组件在以下网页上显示书籍/期刊订阅： http ://booktest.ersnet.org/PublicationsSubscriptions/

在 Firefox 和 Internet Explorer 中一切看起来都很好。但是对于谷歌浏览器，我在显示项目描述时遇到了问题。描述文本与其他列重叠。

我已经在网上搜索并尝试通过使用一些 css 技巧来解决问题：display:block; 溢出：隐藏；明确：两者；暂时没有成功。

如果有人可以帮助我，我将不胜感激。

Answer 1

将您的文本包装在一个 div 中并放置 90% 的宽度

<div style="width:90%">
     <p>
     your text is here
     </p>
</div>

Answer 2

您需要将 word-wrap 属性设置为 break-word。

例子：

*{
    word-wrap: break-word;
}