grid
5篇文章 · 0订阅
  • [译] 简单的响应式现代 CSS 网格布局
    在本文中，我们将展示如何创建响应式现代 CSS 网格布局，演示如何在旧浏览器上使用降级代码，如何逐步添加 CSS 网格，如何使用对齐属性重新构建小型设备的布局以及居中元素。 在之前的文章中，我们探索了四种不同的技术，可以轻松构建响应式网格布局。那篇文章是在 2014 年写的 —…
    CSS 前端 掘金翻译计划
  • CSS 中的 Grid 布局 完全指南
    Grid 是一个基于二维网格布局的系统，有了它我们可以非常方便的实现过去很复杂布局，无需再使用float, inline-block, position 这些本质上是 hack 的方法。 CSS网格布局擅长于将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系…
    CSS
  • [译] 渐进增强的 CSS 布局：从浮动到 Flexbox 到 Grid
    原文地址：Progressively Enhancing CSS Layout: From Floats To Flexbox To Grid 原文作者：Manuel Matuzović 译文出自：掘金翻译计划 本文永久链接：https://github.com/xitu/go…
    CSS 前端框架 前端
  • [译] 选择 Grid 还是 Flex？
    然而，只是单单阅读推文并不会告诉我们始末。这篇文章旨在告诉读者两者的适用场景，以及在哪种情况下只能选择使用其中一个。 当浏览话题下面的回复时，我发现相当大数量的人只在页面级的布局中使用Grid，其他情况下直接使用 flexbox。如果你把这个当成一条准则，那么你在严重地限制自己…
    CSS 前端 flexbox
    [译] 选择 Grid 还是 Flex？
  • 马蹄疾 | 2019年，是时候认真学一波 Grid 布局了
    上周，我写的 Flex专题 被阮一峰的「每周分享第 48 期」收录，然后 仓库 就登上了子类的 GitHub Trending (流量太可怕了😅)。 这一次是Flex专题的姊妹篇Grid专题。正巧昨天阮一峰也发布了 Grid 布局教程，大家可以切换着看呐 (我觉得我的写得更好…
    CSS