Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用具有固定尺寸边距水槽的flexbox的格线柱_Html_Css_Flexbox_Grid Layout - Fatal编程技术网

Html 使用具有固定尺寸边距水槽的flexbox的格线柱

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:

在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%-10px);
文本对齐:居中;
长方体阴影:0 1px蓝色;
背景颜色:钢蓝色;
保证金:5px;
}

1.
2.
3.
4.
5.