防止浏览器重新渲染CSS3列

时间:2013-03-11 09:24:33

标签: css3 multiple-columns

我正在使用CSS3将文章(“卡片”)安排到列中。这就是我现在所拥有的http://i.imgur.com/ygINTAv.jpg

对于每张“卡片”,都有一个动作按钮列表(带有图标的按钮)。其中一些(例如,maginifier)将内容填充到卡中。当问题发生时:卡片变长,浏览器决定重新渲染列,导致卡片被重新排列。例如,第一列底部的卡片一旦变长,就可以移动到第二列的顶部。因此,它可能会从当前视口中消失并使用户感到困惑。

有没有办法防止这种情况发生?提前谢谢。

0 个答案:

没有答案