要保持嵌套的多行列与背景之间的间隔,你可以使用CSS的padding属性。以下是一个示例代码:
HTML代码:
Column 1
Column 2
Column 3
Column 4
Column 5
Column 6
CSS代码:
.container {
background-color: #f2f2f2;
padding: 20px;
}
.row {
display: flex;
}
.column {
flex: 1;
background-color: white;
margin: 10px;
padding: 10px;
}
在上面的代码中,我们使用了padding属性来为.container元素添加内边距,以在容器的周围创建间距。我们还使用了margin属性为.column元素添加外边距,以在每个列之间创建间距。
通过调整padding和margin的值,你可以根据需要调整列与背景之间的间隔大小。