search

doocs / md

✍ WeChat Markdown Editor | 一款高度简洁的微信 Markdown 编辑器：支持 Markdown 语法、色盘取色、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性
https://doocs.github.io/md/
Do What The F*ck You Want To Public License
5.88k stars 948 forks source link

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

Open flyeric0212 opened 2 months ago

flyeric0212 commented 2 months ago

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

YangFong commented 2 months ago

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

flyeric0212 commented 2 months ago

这个是编辑的表现：

image

直接拷贝到微信公众号：

image
flyeric0212 commented 2 months ago

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

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

我截了下两张图

YangFong commented 2 months ago

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

image
YangFong commented 2 months ago

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

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