css
3篇文章 · 0订阅
  • Flex-弹性布局
    布局的传统解决方案是基于盒模型，依赖 display + position+ float 方式来实现，灵活性较差。2009年，W3C提出了一种新的方案-Flex，Flex是Flexible Box的缩写，意为“弹性布局”。 采用 Flex 布局的元素，称为 Flex 容器（fl…
    前端
  • 【译】一行css代码搞定响应式布局
    在这篇文章中，我将教你如何使用 CSS Grid 来创建一个超酷的图像网格图，它将根据屏幕的宽度来改变列的数量。最精彩的地方在于：所有的响应特性被添加到了一行 css 代码中。这意味着我们不必将 HTML 与丑陋的类名(如col-sm-4, col-md-8)混杂在一起，也不必…
    CSS 前端
  • 你不知道的 CSS 文档流技巧，让布局更简单
    看文章之前，先来看两个例子。这是我们在项目中最常见的项目布局方式。 案例一：多个容器按照相同间距水平排列。 看到这两个案例时，你可以先短暂的想想平时都是如何实现的，很多同学的答案应该是这样的。 效果我们是做到了，但是这里所有像素都是你自己固定计算的。 比如第一个例子中，父容器的…
    CSS