首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >古登堡画廊块-相同大小的图片修复

古登堡画廊块-相同大小的图片修复
EN

Stack Overflow用户
提问于 2022-04-04 09:48:06
回答 1查看 565关注 0票数 3

我只想分享一个快速修复古腾堡画廊,因为我找不到其他地方的修补程序。怎样才能解决:

  • Problem:如果您将图片上传到大小不同的图库,则每行的缩略图都以不同的高度显示。shape.
  • Problem::当向3行古登堡图片库块添加4张照片时,所有图像都有一个平方,第4张图片总是整个容器的宽度。Fix:每个图像将保持相同的宽度。

古腾堡画廊第4排图片大小问题:

古登堡画廊块相同大小的修复:

EN

回答 1

Stack Overflow用户

发布于 2022-04-04 09:48:06

简单的CSS解决方案:

代码语言:javascript
复制
.wp-block-gallery.has-nested-images figure.wp-block-image img {
  aspect-ratio: 1; /* squared size thumbnails */ 
}
.wp-block-gallery.has-nested-images figure.wp-block-image {
  flex-grow: 0; /* width fix */ 
}
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71735141

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档