css uikit 网格组件：文本在 div 中重叠在 Google Chrome 中

Question

我正在使用 uikit 网格组件处理以下网页以显示 books/journal 订阅： http://booktest.ersnet.org/PublicationsSubscriptions/

在 Firefox 和 Internet Explorer 中一切正常。但是 Google Chrome 我对项目描述的显示有疑问。描述文本与其他列重叠。

我已经在网上搜索并尝试使用一些 css 技巧来解决问题，例如：display:block； overflow:hidden; clear:both; 目前没有成功。

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

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