小编dha*_*iya的帖子

如何更改 Flexbox 中仅一个元素的间隙?

我正在使用 css flexbox 创建一些东西,并使用间隙来给出元素之间的间距,但现在我只想更改一个元素的间距,例如

.container{
  display: flex;
  gap: 20px;
}

.items{
  width: 100px; 
  height: 100px;
  background: red;
  
}

.item-4{
  background: blue;
}
Run Code Online (Sandbox Code Playgroud)
<div class="container">
  <div class="items item-1"></div>
  <div class="items item-2"></div>
  <div class="items item-3"></div>
  <div class="items item-4"></div>
  <div class="items item-5"></div>
  <div class="items item-6"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

现在我想将蓝色框的间隙从 20px 更改为 5px 有什么方法可以做到这一点

html css flexbox

15
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

flexbox ×1

html ×1