Rumah > Artikel > hujung hadapan web > 如何去掉css字体的上下空白
如何去掉css字体的上下空白
- 醉折花枝作酒筹asal
- 2021-04-23 18:32:133867semak imbas
在css中，可以使用margin属性去掉css字体的上下空白，只需要给字体元素设置“margin:0;”即可。margin属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度，当值为0时，表示元素外边距的宽度为0。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
新建一个html文件，命名为test.html，用于讲解css字体的上下空白如何去掉。在test.html文件内，使用p标签创建三个单独段落。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
</style>
</head>
<body>
<div class="mycss">
<p>cmcc</p>
<p>cmcc</p>
<p>cmcc</p>
</div>
</body>
</html>在css标签内，将margin属性设置为0,用于去掉css字体的上下空白。
<style type="text/css">
p{
margin:0;
}
</style>查看效果：
推荐学习：css视频教程
Atas ialah kandungan terperinci 如何去掉css字体的上下空白. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css如何去掉图片边框Artikel seterusnya：css如何实现li不换行显示