关于WordPress古腾堡编辑器画廊的问题
最近，发现古腾堡编辑器里的画廊功能不错，添加了几张图片，可以自定义排版不错。当然，就是设置每一行的图片个数，他会自动通过css修改图片大小，看起来非常美观。
但美中不足的是，每个图片的li标签、figure标签，画廊的ul标签、figure标签，都有一个margin-bottom样式，即底部留空。这样，看起来很突兀。
今天抽时间优化了下，优化用到的CSS代码如下：
.wp-block-gallery {
margin-bottom: 10px!important;
}
.blocks-gallery-grid li figure {
margin-bottom: 0!important;
}
.entry .entry-content ol, .entry .entry-content ul {
margin-bottom: 0;
}
.q-answer .as-list {
margin-bottom: 20px!important;
}.wp-block-gallery {
margin-bottom: 10px!important;
}
.blocks-gallery-grid li figure {
margin-bottom: 0!important;
}这段代码更加合适，又细微调整了下下边距。代码中的.q-answer .as-list（第二段） 是为了修复问答页面，因为第一段引入的代码对问答页面也做了改变，所以用第二段代码修复下
2020年12月01日 00:12 0条评论
