Flex框在RTL方向布局中不能正常工作

时间:2016-10-16 10:15:56

标签: css google-chrome flexbox direction

Firefox正在运行,但最新的Chrome版本不是!

该示例将隐藏第三个(红色)列,这是目的,但是当您尝试调整输出窗口宽度时,将显示第三个(红色)列,这只是一个RTL问题。如果你将布局更改为ltr,一切都会很好

这是一个例子:http://jsbin.com/gobisimiyo/edit?output

有什么想法吗?!

1 个答案:

答案 0 :(得分:1)

这是 Chrome 错误,但我通过将overflow-x: hidden添加到flex容器元素

来修复它

注意:此错误发生在nowrap flex-wrap 属性中。

修复示例: http://jsbin.com/gibiwi/edit?output