使用CSS网格布局放置元素的七种方法

在这里,重点将完全放在使用CSS Grid在Web上布置元素的特定方式。现在,让我们逐一检查它们。 解决浏览器对网格布局的支持 目前,网格布局尚未获得一致的浏览器支持。但是,截至2017年3月,默认情况下已发布了最新版本的Chrome和Firefox浏览器,均支持CSS Grid Layout。IE仍然支持旧的实现,Opera需要打开Experimental Web Platform标志,而Safari完全不支持。为了正确处理本文中的所有示例,建议您使用Chrome或Firefox。对于出于某种原因发现使用这些浏览器有问题的读者,我添加了一个屏幕截图,以显示每种技术的最终结果。 #1在个别属性