flex-wrap使我的内容超出页面边界

时间:2016-08-04 14:47:34

标签: html css flexbox

这是页面: http://output.jsbin.com/renoyijadu/1

我的布局类似于我在上面的JSbin中创建的布局。 您可以注意到(也在预览中),如果您在整页中打开它然后缩小浏览器宽度,在某一点上顶行将超过页面顶部(我使用最新的chrome)

我确实有溢出设置,所以我可以向下滚动以查看底部行,如果它们被隐藏,但顶行仍然被切断。

为什么会这样?有没有办法解决这个问题,或者在使用换行时是否损坏了flexbox?

正如所指出的,这类似于Can't scroll to top of flex item that is overflowing container,但是那里的答案引用了:"但是,如果你试图用多边形中的基于边距的居中替换对齐内容线flexbox,你可能运气不好,因为你需要将边距放在每一行的第一个和最后一个flex项上。除非您可以提前预测哪些项目最终会在哪一行上进行预测,否则您无法在主轴上可靠地使用基于边距的居中来替换对齐内容属性。&#34 ;,这意味着'对我的案子没有解决办法。

如果有人确实知道解决方案(这是一个有问题的问题,也许从那时起就有了新的问题),那就太棒了。

0 个答案:

没有答案