wordpress文章页面切图上传后有间隙怎么办
wordpress吧
全部回复
仅看楼主
level 1
Id9815 楼主
我用photoshop切图后,上传图片,最后出来的图片都有间隙,谁知道這个怎么办
2018年03月22日 03点03分 1
level 1
你好 这个问题 我也存在 请教下怎么解决的?
2019年03月15日 03点03分 2
level 2
发个截图看看
2019年03月15日 06点03分 3
level 2
右键审查元素,看看是哪个css控制的,然后删掉或者注释掉就行了
2019年03月23日 09点03分 4
level 1
如果你遇到的问题是所传的图片高度超过1024的话,我这个解决方案可能适合你。
我今天发现当图片高度超过1024时,图片的上级容器会自动把容器高度增加9像素,而低于1024像素时不会,我不知道这个机制的原因是什么,我猜可能是Wordpress设计师觉得图片太长了之后,应该给出一个间隔空隙,让阅读者知道这个图片结束了。而这个机制我没找到在哪,于是我的思路是自定义一个css,让底部的margin变成-9px,来抵消这自动增加的高度尺寸。我自己的网站测试有效。
具体步骤分两步:
在【自定义】——【额外css】功能中增加一个css,例如:
.harry-longimage {
margin-bottom:-9px;
}
注意上面harry-longimage是我自己起的一个类名,为了防止和系统中的类名冲突,前面注意有一个点【.】绝对不要漏了。
在你要解决问题的文章页中,选中有间隙上面的按个图所在的区块,在右侧区块菜单下的高级录入框中写上harry-longimage。问题就解决了。
注意:这次前面绝对不要有点
2020年02月21日 15点02分 5
WooCommerce 产品页面里看不到右侧区块菜单,怎么解决
2023年03月29日 11点03分
1