Css 两列上的文本在chrome中不可见

文本仅出现在第一列中，这是代码示例：

TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT

TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT

TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT

TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT

TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT

TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT

TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT

TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT

TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT

TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT

TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT

TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT-TEXT

溢出属性加上嵌套的列布局似乎是罪魁祸首

首先，让我们设置一个更简单、更清晰的问题版本

运行代码段并注意，虽然元素的边框可见，但第二列的内容不可见（在Chrome 62.0.3202.89中进行测试）

。外部拆分{
-webkit列数：2；
-moz列数：2；
列数：2；
-webkit列间距：0；
-moz列间距：0；
列间距：0；
}
.内裂{
-webkit列数：2；
-moz列数：2；
列数：2；
边框：1px实心#ddd；
溢出：自动；
}

第1栏

第1栏
第2栏

第2栏
第3栏

第3栏
第4栏

第4栏

使用

空白：pre

和不使用BRIs使用列计数而不是div有什么原因吗？甚至是一张桌子？不幸的是，我不会说英语，我很难理解。原因是我想有一个表，在列中有div，在列中有div，在列中有文本yes。。。问题是溢出，我也注意到了：-（@corradox-我认为解决方案是不要使用像这样的嵌套列布局。你可能可以使用flexbox作为外部布局。我尝试了Tim Medora解释的那样，但我放下了所有布局。同时，我没有chrome来放置列并等待解决方案。请原谅我的英语：谷歌翻译