文章标签

Heydon 的 Holy Albatross 是一种让一排元素在特定宽度下变成一列元素的技术。这是一个指定的父级 宽度，而不是像媒体查询那样的屏幕 宽度。所以，就像一个容器...

我们什么时候应该使用 CSS Grid，什么时候应该使用 flexbox？ Rachel Andrew 在 2016 年 针对这个难题写了一篇文章：

Flexbox 基本上用于在一维空间内布局项目——在一行 OR

我之前在 Michelle Barker 的报道中提到了 这个，但在这里我会 链接到 官方公告。最重要的是，我们将获得 flexbox 的 gap，这意味着

.flex-parent {
  display: flex;
  gap: 1rem;
}
.flex-child 

Michelle Barker 指出，对于我们这些 CSS 布局极客来说，这真是一个疯狂的星期。

1. Firefox 一直拥有最好的 CSS Grid DevTools，但 Chrome 即将追赶上来，而且通过可视化...

Chen Hui Jing 指出，当你对 flex 项目进行绝对定位时，它就不再是 flex 布局的一部分。除了...它多少有点是。如果你将子元素设置为 position: absolute; 但没有应用任何 top/right/bottom/left 属性，...

Robin 之前已经介绍过这个，但我过去几周听到了一些关于它的困惑，并且看到了 另一个人试图解释它，我想加入这场讨论。...

我只需要将两个盒子并排放置，我听说 flexbox 在这种情况下很擅长。

嗯，这很酷。我想我也可以...

让我们看看用一种非常轻量级的方式为一组任意大小的照片创建水平砌体效果。向它扔任何一组照片，它们都将边缘对齐，没有任何间隙。

解决方法...

“数据丢失”是一个有趣的术语。我的大脑认为它就像从服务器到浏览器的途中发生的包丢失一样，导致文件中的内容丢失。也许在某种程度上是那样，但在 CSS 术语中，...