CSS列未显示Chrome 55中的所有内容

Question

最新稳定的Chrome 55不会显示包含"columns"css属性的元素中的所有内容.Chrome 53和54可以正常工作.

您可以在下方看到Chrome 55顶部,下面是Chrome 54.两者都以不同的方式呈现相同的代码段.您可以在Elements开发工具中选择"隐藏"元素.这里是jsfiddle的直接链接:https://jsfiddle.net/tykvx3re/9/

即使简单的文本在列中流动,它也不显示:https: //jsfiddle.net/tykvx3re/12/

CSS:

.cssColumns {
  width:400px;
  height:200px;
  overflow: scroll;
  columns: 5;
  -webkit-columns: 5;
}

HTML:

<div class="cssColumns">
Some very long text.... 
</div>

我做错了什么,或者Chrome 55确实存在错误？如果有人可以提供解决方法,我会很感激.

Answer 1

Chromium 问题跟踪器更新

该错误现已修复，但补丁只会合并到 V57。

该补丁不会合并到最近发布到稳定频道的V56。

更新

进一步分析这个问题，似乎是Chrome v55引入的一个bug。

问题链接：#674640：CSS3 多列布局使用 Overflow-x: auto 裁剪整列

如果这还不是已知问题，您应该将其报告为新功能实现。

Chrome似乎尚未完全支持CSS 多列布局模块。截至目前，Chrome 仅从 v58 及以下版本提供对 CSS3 多列布局的部分支持，因此此类功能被认为不稳定。

目前只有 IE11、Edge 和 Opera Mini 提供全面支持。

来源： http: //caniuse.com/#feat=multicolumn