写了margin：0；paddind:0；也会有边距

最新推荐文章于 2023-03-28 23:41:53 发布
最新推荐文章于 2023-03-28 23:41:53 发布
阅读量786 收藏 4
点赞数 6
CC 4.0 BY-SA版权
分类专栏： 元素与元素之间造成的边距 文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_56382471/article/details/115124352
在CSS布局中，有时即使设置了margin和padding为0，元素间仍会出现无法解释的边距。这个问题源于换行产生的默认样式。解决方法是在元素换行位置添加注释，以消除这种默认边距，从而实现精确布局。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

元素和元素之间有一定边距

有时候我们在编程是将margin改成0，padding也改成0但无论如何都会有一定的边距，如下图：
在这里插入图片描述
有时候真的很令人头疼，怎么找也找不出原因；
解决办法：在元素与另一个元素换行的位置打一个注释就行了
因为换行会默认有一定的边距
在这里插入图片描述
这样就解决啦！
在这里插入图片描述

浏览器内核分析1 -- 概述
谢杨易的博客
02-15 1660
1 主流浏览器市场份额根据Net Applications公司分析，2016年12月全球浏览器市场份额如下图其中Chrome已经占据56%市场，而IE下滑到20%。开源浏览器Chrome Safari Firefox之和达到72%之多。在开源越来越流行的当下，开源浏览器也是越来越受欢迎。2 主流浏览器内核分析现今五大主流浏览器IE、Firefox、Safari、Chrome及Opera的内核分别如下
元素设置了 margin 和 padding 为0 ，但还是显示边距问题
weixin_52688746的博客
05-26 1191
元素设置了 margin 和 padding 为0 ，但还是显示边距问题 产生原因： 因为当前元素设置了：overflow-x: scroll; 没有隐藏滚动条导致的。 解决办法： 添加如下代码隐藏滚动条 ::-webkit-scrollbar { width: 0 !important; height: 0 !important; overflow: hidden; display: none; background: rgba(0, 0, 0, 0); opacity: 0
为什么margin:0;padding:0还是有缝隙
朽木自雕的博客
09-25 5042
在一些情况下，我们设置了margin:0;padding:0，然后发现元素之间还是有缝隙，但是检查样式、盒模型等，发现都没有问题。 这是为什么呢？ 原因：两个内联元素之间有换行或空格。 代码如下：（前为CSS样式，后为HTML代码，分析发现确实存在换行操作） .intr-list li{ /*float: left;*/ display: inline-block; ...
设置了 *{padding: 0；margin: 0；} 但是没有用，仍然有padding【已解决】【蠢蛋】
pinkowonote的博客
08-03 2494
@media screen and (min-width: 768px) { *{ padding: 0; margin: 0; } .container { width: 750px; /* background-color: aqua; */ margin: 0 auto; } .container ul li { float: left; /* display: inli
html没写具体的margin但却还有的情况
fang_my的博客
02-10 919
一些标签是自带某些属性的
vue wabpack项目中body的margin、padding的有效设置
本海的窝
11-29 4454
出现情况： 处理办法： 找到如下文件添加代码才有效
清除多余的margin 和padding
林中明月间丶
12-14 1万+
在有时候没有设置margin 和padding是继承下来的 但是达不到我们的目标位置的，所以我们用 margin:0;和padding:0;来清除多余的空间，使达到目标位置,多余的margin和padding 当我们开始写css时候开头就加*{margin:0;padding:0}这样就出去了所有的内外边距 还可以使用clear:both;清除左右两边的浮动  clear属性有:both,le
python中使用cryptography模块进行RSA/ECB/PKCS1Paddind分段加密
05-11
for i in range(0, len(text), chunk_size): chunk = text[i:i + chunk_size] encrypted_chunk = public_key.encrypt( chunk, padding.OAEP( mgf=padding.MGF1(algorithm=hashes.SHA256()), algorithm=hashes....
Qt学习笔记外观篇（八）：QComboBox
热门推荐
wangyanphp的专栏
08-30 1万+
QComboBox是Qt中的下拉表单，其功能
修改el-card header padding值
Cheryl的加工厂
04-09 6657
想使header布满整个容器，发现有默认的padding值，需要修改为0， 修改style，发现未生效， <style scoped> .el-card .el-card__header { padding: 0 !important; } </style> 添加scoped情况下可以添加/deep/ <style scoped> .el-card /deep/ .el-card__header { padding: 0; } </style>.
移动端左侧抽屉点击二级列表——
My_ccup的博客
05-28 1914
整个逻辑很简单，没什么—— //注意一个区别就好： $(select).index(this); $(this).index(); 它们两者的区别—— ———— 第一个是至返回的选择器的数组中所选择的第几项—— 第二个是当前选择的元素，在同胞元素中所排列的位置—— （自行百度） 下面： html 这里面主要是左侧列表的内容信息； js引用，jq引用，css引用省略—— <body&...
Vue去除浏览器默认margin值
GongWei_的博客
11-30 2077
需要在index.html文件设置即可 *{ margin: 0; padding: 0; }
ThinkPHP5框架在写项目过程中遇到的相关问题，以及前端问题
jachinFang的博客
07-25 589
1、获取器不起作用 当你数据库表中的字段为is_display样式的时候，需要使用驼峰命名法。public function getIsDisplayArrt($value){ }，当你使用getLs_displayArrt就会失效。 2、解决JS在alert之后window.location.href跳转无法正常执行 今天我就在这个上面遇到了坑，找了半天原因。...
Thinkphp5.0 遇到的坑
an050602的博客
06-15 1472
玩一个新的东西奶子痛。 1.模版输出，按照文档的做法来做模版输出，然后发现html引用的 __PUBLIC__ 渲染的路径 出错，找不到原因     不明所以的View类，或许这个类是有意义的。但是对一个没玩过的人来看这个文档，以为用View来做模版输出。没想到踩坑了。 解决方案：不使用View类，就 $this->assign('key',"value"); return $t
css样式重置
bacaojuan5114的博客
05-24 613
/* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ fiel...
关于网页布局中常见的margin: 0px ; padding: 0px; 总结
weixin_30258901的博客
08-15 3384
我们在网页布局中常用到margin: 0px; padding: 0px; 但是在大型的网站布局中通常不这样写通常是按下面这种方式。 ul, li, ol, dl, dt, dd, div, p, span, h1, h2, h3, h4, h5, h6, a { padding: 0px; margin: 0px; } 但是经过本人的逐一验证发现有的标签的初始化marg...
解决Winform中FlowLayoutPanel添加label有白边
122&&113的博客
04-11 886
直接修改label的margin即可 label.Margin = new Padding(0);
Winform从入门到精通（23）——FlowLayoutPanel（史上最全）
qq_34059233的博客
03-28 3524
本文介绍FlowLayoutPanel控件的详细用法，包含所有属性和事件，绝对史上最全！
css布局中margin为0，但依然有间距问题的解决方法
UaoSonic
05-17 1万+
    在进行布局时经常会出现，div与div之间虽然设置为了margin: 0px ，但是依然有间距的问题，比如以下这种情况：html部分代码如下：&lt;body&gt; &lt;div class="main"&gt; &lt;div class="content"&gt; &lt;div class="Sbox"&gt; &lt;div class=
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值