编辑权限请联系管理员获取(ztm0929@icloud.com

MediaWiki:Common.css:修订间差异

来自天明的百科全书
跳转到导航 跳转到搜索
无编辑摘要
无编辑摘要
第3行: 第3行:
     display: flex;
     display: flex;
     flex-wrap: wrap;
     flex-wrap: wrap;
     justify-content: space-around;
     gap: 10px; /* 图片之间的间距 */
}
}


.image-container a {
.image-container a {
     display: block;
     flex: 1 1 150px; /* 允许图片在150px到100%宽度之间调整 */
     max-width: 100%;
     max-width: 30%; /* 每张图片最大宽度为30% */
     margin: 10px;
     box-sizing: border-box; /* 包括内边距和边框在内计算宽度 */
    flex: 1 1 200px; /* 允许图片在200px到100%宽度之间调整 */
}
}



2024年11月24日 (日) 02:08的版本

/* 这里放置的CSS将应用于所有皮肤 */
.image-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* 图片之间的间距 */
}

.image-container a {
    flex: 1 1 150px; /* 允许图片在150px到100%宽度之间调整 */
    max-width: 30%; /* 每张图片最大宽度为30% */
    box-sizing: border-box; /* 包括内边距和边框在内计算宽度 */
}

.image-container a img {
    width: 100%;
    height: auto;
    object-fit: contain; /* 保持图片的纵横比 */
}