直播记录/styles.css:修订间差异
小无编辑摘要 |
小无编辑摘要 |
||
第5行: | 第5行: | ||
box-shadow: 0 2px 5px #aaa; | box-shadow: 0 2px 5px #aaa; | ||
display: flex; | display: flex; | ||
justify-content: space- | justify-content: space-around; /* 确保子元素均匀分布 */ | ||
flex-wrap: wrap; /* 允许子元素换行 */ | flex-wrap: wrap; /* 允许子元素换行 */ | ||
padding: 15px; | padding: 15px; | ||
gap: 10px; /* 子元素之间的间距 */ | gap: 10px; /* 子元素之间的间距 */ | ||
} | } | ||
@media screen and (max-width: 982px) { | |||
.base_block { | |||
padding:15px; | |||
} | |||
} | |||
@media screen and (min-width: 982px) { | |||
.base_block { | |||
padding:300px; | |||
} | |||
} | |||
/* 子元素样式 */ | /* 子元素样式 */ | ||
.item { | .item { |