Html 使用具有固定尺寸边距水槽的flexbox的格线柱
在flexbox布局中,行空间均匀分布在列之间,是否可以对单元格应用固定边距(例如5px) 我想实现的目标: 我当前的CSS将在一行中仅对齐3列:Html 使用具有固定尺寸边距水槽的flexbox的格线柱,html,css,flexbox,grid-layout,Html,Css,Flexbox,Grid Layout,在flexbox布局中,行空间均匀分布在列之间,是否可以对单元格应用固定边距(例如5px) 我想实现的目标: 我当前的CSS将在一行中仅对齐3列: .row{ 显示器:flex; 柔性流:行换行; 长方体阴影:0 1px绿色; } 上校{ 弹性:0.25%; 文本对齐:居中; 长方体阴影:0 1px蓝色; 背景颜色:钢蓝色; 保证金:5px; } 1. 2. 3. 4. 5. 您可以使用弹性基准长度(在您的情况下-它是速记属性flex),10px,因为左边距:5px和右边距:5px:
.row{
显示器:flex;
柔性流:行换行;
长方体阴影:0 1px绿色;
}
上校{
弹性:0.25%;
文本对齐:居中;
长方体阴影:0 1px蓝色;
背景颜色:钢蓝色;
保证金:5px;
}
1.
2.
3.
4.
5.
您可以使用弹性基准
长度(在您的情况下-它是速记属性flex
),10px
,因为左边距:5px
和右边距:5px
:
.row{
显示器:flex;
柔性流:行换行;
长方体阴影:0 1px绿色;
}
上校{
弹性:0计算(25%-10px);
文本对齐:居中;
长方体阴影:0 1px蓝色;
背景颜色:钢蓝色;
保证金:5px;
}
1.
2.
3.
4.
5.