argon-theme icon indicating copy to clipboard operation
argon-theme copied to clipboard

[BUG] 图片无法居中,始终居左

Open libai600 opened this issue 2 years ago • 2 comments

WordPress: 5.9.3 Argon: 1.3.5,且启用了Fancybox图片放大浏览

使用经典编辑器编辑文章,使用”添加媒体“插入一张本地图片,插入时对齐方式选择居中,自动产生的HTML代码大概如下:

<img src="image_url" alt="" width="xxx" height="xxx" class="aligncenter size-full wp-image-431" />

在经典可视化编辑器中图片可以居中显示,但最终实际效果依然为居左显示。

libai600 avatar Apr 22 '22 02:04 libai600

一个快速解决方法,自定义CSS。贴入

.fancybox-wrapper{
	margin: 0 auto;
}
.fancybox-wrapper img{
	padding: 10px;
	border-radius: 6px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	transition: 0.2s ease;
}

icecliffs avatar Feb 04 '23 07:02 icecliffs

一个快速解决方法,自定义CSS。贴入

.fancybox-wrapper{
	margin: 0 auto;
}
.fancybox-wrapper img{
	padding: 10px;
	border-radius: 6px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	transition: 0.2s ease;
}

可以,谢谢。

libai600 avatar Feb 08 '23 01:02 libai600