我可以在纯CSS中创建没有列的布局吗？
我在我的博客上工作,在查看时> 1020px wide会看起来像这样,使用三列将从左到右加载帖子(即将帖子1放在左栏中,将帖子2放在中间,将3放在右边,然后开始从左栏再次):
这很好用,但是当浏览器缩小到低于1020布局时,将转换为单个列.通过将列放在彼此之下(看起来很好),这在视觉上很容易实现,但这会导致帖子无序 - 前三个帖子如果总共有9个帖子实际上将是帖子1,4和7.
我想保持纯CSS托管布局的清洁度,所以我想知道在一个容器(而不是三列)中使用浮动元素进行上述三列布局是否有诀窍.
我只玩了一下左右,在每三个瓷砖后左右浮动,但当然最终将每三个瓷砖放在上面"行"中最高瓷砖下方的"行"中.
我知道你说你想要纯CSS但是jQuery库Masonry是专门为这种东西设计的.
否则我没有找到一个很好的方法来实现这个与纯交叉浏览器兼容的CSS.
| 归档时间： |
|
| 查看次数： |
271 次 |
| 最近记录： |