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-evenly;
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;
flex-grow: 1;
padding: 0;
padding: 0;
display: flex;
display: flex;