Gutenberg Gallery Block＆＃x2013;相同尺寸的图片修复

Question

我只想分享古腾堡画廊的快速修复程序，因为我在其他地方找不到修复程序。解决方法：

• 问题：如果您将不同尺寸的图像上传到图库，则缩略图在每行上显示的高度不同。 修复：所有图像都将具有正方形形状。
• 问题：将 4 张照片添加到 3 行古腾堡画廊块时，第四张照片始终占据容器的整个宽度。 修复：每个图像将保持相同的宽度。

古腾堡画廊第 4 行图像尺寸问题：

古腾堡画廊块相同大小修复：

Answer 1

简单的CSS修复：

.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 */ 
}