时间戳

首页 > 解决方案 > 多列布局 - Chrome 检查器和视图不匹配

css - 多列布局 - Chrome 检查器和视图不匹配

问题描述

我的团队正在开发一个报告生成器，当我们尝试在 chrome 中生成具有多列布局的报告时遇到了一个奇怪的现象。

现象的图像

如图所示，chrome 检查器说元素在它应该在的位置，但真正的元素与下面的另一个元素重叠。

我们尝试过其他浏览器，似乎这只发生在 chrome 上。下面是我们将报告的布局更改为多列的代码。帮助我们找出解决此问题的方法。

else if (style.type === 'multi-column') {
      return {
        display: 'block',
        columnCount: style.column,
        columnGap: style.gap,
        columnRuleColor: style.ruleColor ?? '#d4d4d4',
        columnRuleWidth: style.ruleWidth ?? '2px',
        columnRuleStyle: style.ruleStyle ?? 'solid',
        minHeight: style.minHeight,
      };

标签： cssgoogle-chromecss-multicolumn-layout

解决方案

推荐阅读