html - css uikit 网格组件 : text overlapping in div in Google Chrome

标签 html css google-chrome uikit getuikit

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

在 Firefox 和 Internet Explorer 中一切正常。但是对于谷歌浏览器,我在显示元素描述时遇到了问题。描述文本与其他列重叠。

我已经在网上搜索并尝试使用一些 css 技巧来解决问题,例如:display:block;溢出:隐藏;清除:两者; 目前没有成功。

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

最佳答案

将你的文本包裹在一个 div 中,并将宽度设置为 90%

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

关于html - css uikit 网格组件 : text overlapping in div in Google Chrome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32227700/

相关文章:

android - 为 Android 构建 Chrome

Javascript:在 svg 中使用字体图标。如何使用 "\u"?

html - 一线伪元素不适用于 p 元素

jquery - 以两秒间隔追加每个元素

javascript - 如何使用 iframe 和 css 打印网页

css - 最新 Safari 中的 SVG 过滤器

html - anchor 标签的目标属性的正确方法是什么?

javascript - 连接断开时如何对 ajax post 表单数据进行排队

css - 添加div标签时如何使文本全部在同一行?

javascript - 隐藏地址栏时,移动浏览器不会触发调整大小事件