The editors' meeting has been canceled for technical reasons.
直播记录/styles.css:修订间差异
跳转到导航
跳转到搜索
小无编辑摘要 |
小无编辑摘要 |
||
第1行: | 第1行: | ||
.base_block{ | /* 父容器样式 */ | ||
.base_block { | |||
border: 2px outset #9147ff; | border: 2px outset #9147ff; | ||
background-color: rgba(255, 255, 255, 0.1); | background-color: rgba(255, 255, 255, 0.1); | ||
box-shadow: 0 2px 5px #aaa; | box-shadow: 0 2px 5px #aaa; | ||
display: flex; | display: flex; | ||
justify-content: space- | justify-content: space-between; /* 确保子元素均匀分布 */ | ||
flex-wrap: wrap; | flex-wrap: wrap; /* 允许子元素换行 */ | ||
padding: 15px; | padding: 15px; | ||
gap: 10px; /* 子元素之间的间距 */ | |||
} | } | ||
.item{ | |||
max-width: 360px; | /* 子元素样式 */ | ||
min-width: 200px; | .item { | ||
flex: 1 1 calc((100% - 40px) / 4); /* 每行最多 4 个子元素 */ | |||
max-width: 360px; /* 最大宽度 */ | |||
min-width: 200px; /* 最小宽度 */ | |||
height: 124px; | height: 124px; | ||
padding: 0; | padding: 0; | ||
display: flex; | display: flex; |