-webkit-margin在文本上添加了不必要的边距

Question

直到现在这还没有打到我(这不仅仅是在webkit浏览器中).在所有类似p标签,h1标签等文本中...文本上方和下方都有一个额外的空间.

在chrome中我发现了这个:

用户代理样式表

-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;

这使得在某些地方对齐错误.是的我正在使用重置样式表,并且没有添加填充或边距.几乎是一个基本的设置.为什么这样,我该如何解决？

Answer 1

您也可以直接修改这些属性,如下所示:

-webkit-margin-before:0em;
-webkit-margin-after:0em;

适用于Chrome/Safari.希望有所帮助!

@JacobEvelyn downvoted,因为更改`margin`适用于所有浏览器,而更改`-webkit -...`仅适用于webkit(我没有downvote它,但这是我的想法) (5认同)
@JacobEvelyn:这两个值都是"0em"而不仅仅是"0"的原因是什么？ (3认同)
为什么选票呢？最初的问题是(部分)暗示这些字段的默认设置导致了问题,我的解决方案已经修复(这在过去解决了类似的问题). (2认同)

Answer 2

这些-webkit-margin(s)被覆盖margin: 0; padding: 0;.别担心他们.

额外的空间？也许你已经定了line-height:？

为什么这标记为正确？它似乎没有回答这个问题...... (28认同)
@bharal它对我有用 - 添加`p {margin:0; 填充:0; }覆盖`-webkit-margin`值.它们仍然可以在Chrome的javascript控制台中看到,但是作为被覆盖的值. (7认同)
不是一个很好的答案,非零边距/填充使-`webkit-margin`完好无损,这在许多情况下是不可取的 (6认同)
line-height是默认值,margin和padding是0.正如我所说,使用重置样式表.还是一样. (3认同)