google-chrome - 显示内联 block 仍然在 chrome 中断行

标签 google-chrome css

你好。

我在 google chrome 中遇到多个 DIV 元素的问题。如果那些有 display:inline-block,有时 chrome 仍然会断行。在 Firefox、Opera 和 IE 中一切正常,但在 Chrome 中却不行。

尝试访问此页面: http://tridex.pl/kategoria/%2A00/Nowosci.html?typ_listy=4

这是商店。有 2 种相似的元素布局样式,一种在一行中包含 3 个元素,一种在行中包含“尽可能多的元素”。在 Firefox、IE、Opera 中一切正常...但 Chrome 在第一行显示 2 个元素,在彼此之间显示 3 个元素。

布局是即时修改的,所以这可能是问题所在?但既然它适用于所有其他浏览器,为什么它不适用于 Chrome?我应该打电话告诉 Chrome 重新计算 DIV 宽度并重新排列它们吗?

有人知道它在 Chrome 中是如何工作的吗?还有什么我应该做的吗

最佳答案

将父元素的宽度样式设置得更宽一点对我有所帮助,看起来这些元素在 Chrome 中需要更多空间。

关于google-chrome - 显示内联 block 仍然在 chrome 中断行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18712383/

相关文章:

javascript - 打印 Bootstrap 模态数据

javascript - 提交表单时,设置了与 <URL> 处的跨站点资源关联的 cookie,但没有设置 `SameSite` 属性

google-chrome - 在 Google Chrome 开发者工具的网络选项卡中捕获下载

html - 带有 `position:fixed` 的嵌套元素在 chrome 中不正确地尊重滚动条

javascript - 换行文字

html - CSS:模糊 div

html - 如何将我所有的 li 对齐在一列上?

html - CSS:在不指定高度的情况下将容器固定在顶部

c++ - 是否可以在 Google Chrome 扩展程序中嵌入 HTTP 服务器?

javascript - 如何识别由于 Chrome 扩展而导致的 DOM html 代码更改