md icon indicating copy to clipboard operation
md copied to clipboard

在编辑器中第一个 HTML 元素自动设置 margin-top 为 0,但是拷贝到微信公众号后台还是会有默认的 margin-top?

Open flyeric0212 opened this issue 1 year ago • 5 comments

如题,如何让HTML 第一个元素的 margin-top 保持一致,都是 0 px。

flyeric0212 avatar Sep 14 '24 13:09 flyeric0212

这要观察后台的样式表现了。

  • 如果是被覆盖了,那可以试试 !important
  • 如果是抹除了,那就是不支持,需要用其他方式去模拟。

YangFong avatar Sep 14 '24 13:09 YangFong

这个是编辑的表现: image

直接拷贝到微信公众号: image

flyeric0212 avatar Sep 14 '24 14:09 flyeric0212

这要观察后台的样式表现了。

  • 如果是被覆盖了,那可以试试 !important
  • 如果是抹除了,那就是不支持,需要用其他方式去模拟。

我截了下两张图

flyeric0212 avatar Sep 14 '24 14:09 flyeric0212

@flyeric0212 可以去除。下面是对比图:

image

YangFong avatar Sep 14 '24 14:09 YangFong

但是,现在实现起来也不是很方便,因为自定义 CSS 并不支持伪类选择器,所以一设置,所有 <p> 都会受到影响。我这里临时提供两个方案:

  1. 复制之前,在开发者工具中手动设置样式。
  2. 打开开发者工具,复制一个标签出来改写。相比上一个方案来说,就是多了缓存。
image

YangFong avatar Sep 14 '24 14:09 YangFong