编辑权限请联系管理员获取（ztm0929@icloud.com）
MediaWiki:Common.css：修订间差异
跳转到导航
跳转到搜索
小无编辑摘要 |
小无编辑摘要 |
||
| 第6行： | 第6行： | ||
} | } | ||
.image-container | .image-container img { | ||
flex: 1 1 150px; /* 允许图片在150px到100%宽度之间调整 */ | flex: 1 1 150px; /* 允许图片在150px到100%宽度之间调整 */ | ||
max-width: 30%; /* 每张图片最大宽度为30% */ | max-width: 30%; /* 每张图片最大宽度为30% */ | ||
box-sizing: border-box; /* 包括内边距和边框在内计算宽度 */ | box-sizing: border-box; /* 包括内边距和边框在内计算宽度 */ | ||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
object-fit: contain; /* 保持图片的纵横比 */ | object-fit: contain; /* 保持图片的纵横比 */ | ||
} | } | ||
2024年11月24日 (日) 02:16的版本
/* 这里放置的CSS将应用于所有皮肤 */
.image-container {
display: flex;
flex-wrap: wrap;
gap: 10px; /* 图片之间的间距 */
}
.image-container img {
flex: 1 1 150px; /* 允许图片在150px到100%宽度之间调整 */
max-width: 30%; /* 每张图片最大宽度为30% */
box-sizing: border-box; /* 包括内边距和边框在内计算宽度 */
width: 100%;
height: auto;
object-fit: contain; /* 保持图片的纵横比 */
}