css怎样清除p标签自身间距

在css中，可以通过给 p标签设置“p {padding:0 ;m arg in: 0;- webkit -mar gin -before: 0;-webk IT -margin-after: 0;}”样式来清除p标签自身的间距。

本教程操作环境：windows7系统、CSS3 && HT ML 5版、Dell G3 电脑。

在HTML中，各个标签都有默认样式，例如p标签自身就有间距：

<!DOCTY PE  html>
<html>
<head>
<meta charset="UTF-8">
<style>
p {
border: 1px solid  red ;
}
</style>
</head>
<body>
<p>hello</p>
<p>hello</p>
</body>
</html>

那么怎么去除p标签自身间距呢？

我们可以使用M argin和padding属性，将其值都设置为0即可：

p {
	padding:0;
	margin: 0;
}

这样就可清除p标签自身间距：

但在有些浏览器中即使这样p有还有上下边距，因为

@H_ 406 _37@

这里 -webkit-margin-after 和 -webkit-margin-before 都有1rem，所以最好还要给这两个都设为0

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

（学习视频分享：css视频教程）

以上就是css 怎样清除p标签自身间距的详细内容，更多请关注其它相关文章！

总结

以上是为你收集整理的 css怎样清除p标签自身间距全部内容，希望文章能够帮你解决 css怎样清除p标签自身间距所遇到的问题。

如果觉得网站内容还不错，推荐好友。

查看更多关于css怎样清除p标签自身间距的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did200227

更新时间：2023-04-27 阅读：39次