如何防止古腾堡区块画廊中的图像自动调整?

时间:2020-08-14 作者:MACMAN

我正在尝试实现一个古腾堡画廊,其中包含10幅图像和4列画廊。前两行很好,每行有4列图像。但问题是,最后一行有两幅图像,正在自我调整以适应画廊的全长(如下图所示)。有没有办法通过编写一些代码来防止这种情况?请让我知道。谢谢

The current layout

What I need is this

1 个回复
SO网友:Faye

古腾堡正在申请flex-grow: 1; 使其能够填充空间。您可以通过将以下内容粘贴到css中来覆盖它。

.blocks-gallery-grid .blocks-gallery-image, 
.blocks-gallery-grid .blocks-gallery-item, 
.wp-block-gallery .blocks-gallery-image, 
.wp-block-gallery .blocks-gallery-item {
   flex-grow: 0;
}
理想情况下,你可以在你的主题中这样做,但如果你迫切需要这样做,或者如果你不熟悉WordPress的开发,那么你可以将它添加到你的定制器中;附加CSS“;选项卡。

相关推荐

是否使WordPress图库(.Gallery-Item)具有响应性?

库的短代码:[gallery link=\"file\" columns=\"5\" size=\"medium\"]我在一个网站的内页上使用了一个5列的图库,显然当该网站对移动设备甚至平板设备做出响应时,图库中的图像会保持默认的样式width: 20%; 看起来太小了。我尝试添加媒体查询样式以增加百分比宽度,但WP仍然应用列类.gallery-columns-5.理想情况下,桌面上有5列图像,平板电脑有3列,移动设备有1列。有谁知道有什么好办法吗?/ ## Gallery -----------