这就是我想要的:

带间距伸缩

The closest I've got.在flexbox项目上应用边距,然后从第一个&最后的子元素们.

问题是:first-child并不总是第一个出现,因为我可能会改变布局顺序(example).

在应用边距时,有没有办法考虑视觉顺序?

推荐答案

CSS规范最近达到了updated,除了CSS网格元素之外,还可以将gap个属性应用于FlexBox元素.This feature is supported on the latest versions of all major browsers.使用gap属性,您只需使用gap: 10px(或您想要的任何大小)就可以获得您想要的东西.

Css相关问答推荐

下一个js app样式刷新页面后不工作页面

Css-如何隐藏WP管理菜单上没有css类的第4<;li&>

如何在react 路由中设置活动类?

创建始终为剪辑元素的300%高度并左对齐的圆形剪辑路径

导航栏没有使用nextui获取页面的全部宽度

使用 CSS 定位悬停/弹出 div - 字形浏览器网页

使用 CSS 关键帧动画更改内容

禁用MUI DataGrid上的悬停效果

如何在启动时滚动 div 的底部?

如何在 Tailwind 中使用 `margin: y x;` 速记?

如何给三角形添加渐变?

关键帧不能动画回来

使用 JavaScript 将 CSS 添加到 ?

找到第一个可滚动的父级

在 IE9-10 中压缩 SVG 的背景大小

thead 和 tbody 之间的间距

如何仅使用 CSS 制作网格(如方格纸网格)?

当子元素水平溢出时,为什么忽略父元素的右填充?

仅当将 Div 悬停在上方时才显示滚动条?

输入上方带有标签的样式表