必须用到inline-block.
我遇到的问题有两个 1.这两个div中间的白色间隔怎么除去？我已经重置了样式，为什么还会有这个间隔
2.重叠的时候Border会叠加（重叠的地方变成了2px），怎么让它不叠加
对于inline-block的上下两个元素间隔怎么除去
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
择日而亡的IT 2017-04-06 01:17关注父级添加classfont-size:0
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2019-10-28 21:52回答 2 已采纳 左右的缝隙产生原因一般是你的回车，空格，以及字间距（lerrtr-spacing），上下缝隙是行高以及外边距的原因，把他的margin设为0，顺带统一一下内外行高，边距问题应该就解决了
- 2017-09-29 15:37回答 7 已采纳 加overflow:hidden试试 http://blog.csdn.net/qq_27545151/article/details/48598397
- 2017-01-24 04:19回答 1 已采纳 看下 .first和.item的style
- 2019-12-10 18:04BB小天使的博客 原本想使用display: inline-block让这三块元素在水平方向上对齐，但是原本好好的，但是最左侧的元素，里面加了内容之后，就产生了如图所示的问题，元素之间上下偏移了。 解决办法 查了不少文章，最终查明了问题的...
- 2017-06-06 02:09回答 2 已采纳 top:10px没掉了吧
- 2022-03-20 15:47回答 1 已采纳 Nav的宽度设置大点500
- 2017-03-14 08:28回答 7 已采纳 http://stackoverflow.com/questions/12450776/html-input-button-css-height-not-working-on-safari-and
- 2024-09-08 22:57console.log(8)的博客 这是因为inline-block元素间有空格或是换行，空格符与’a’，‘b’，‘c’，'d’这些字符一样，本质上就是个字符，只不过因为空格是透明的看不见而已（但可以选中）。所以，只要让文字宽度为0，就可以解决inline-...
- 2021-12-27 20:55回答 3 已采纳 inline-block盒子间隙是因为有空格字符,font-size=0是把所有字符的字体大小都设置为0,这样所有字符都小到看不到了,空格字符也一样小到看不到了. 参考
- 2022-01-10 22:21回答 1 已采纳 给 td 加white-space: nowrap;不换行 v-if这里要隐藏吗？可以用css table tr:last-child { display: none; }
- 2015-07-21 04:29回答 2 已采纳  改成这样试一下
- 2022-03-28 19:00CRMEB的博客 相信行内块元素,也就是display:inline-block的元素大家并不少见,不知道大家有没有发现一个问题,就是当两个行内块元素在同一行并排时,它们之间会存在着间距。下面让我们一起来看看这个问题吧 一、问题描述 废话不多说...
- 2021-06-12 08:12是小雅雅呀的博客 当元素display属性是inline-block时，元素之间在换行显示或空格分隔的情况下会有间距，举个栗子:HTML结构如下：样式如下：效果图如下：可以看到这里的 萝莉、 御姐、软妹之间有间隙，这类间距对我们的布局会产生影响...
- 2024-04-03 16:26smart_dream的博客 问题：在本地项目中使用【display: inline-block】，元素间存在4px间隔。打包后发布到外网又不存在这个问题了。归根结底这是一个西文排版的问题，英文有空格作为词分界，而中文则没有。此时的元素具有文本属性，只要...
- 2022-10-14 21:45Only One698的博客 两个inline-block的盒子并排显示问题 多个div使用display:inline-block时候div之间有间隔
- 2021-09-03 11:29是！豆哈哈的博客 昨天我的后端男朋友问了我这么一个问题，给俩div设置完display: inline-block; 为啥会出现间隙，前提是已经设置过margin: 0; padding: 0了，作为前端的我之前还没遇到过这样的问题，一下子给我整不会了。如图; 于是...
- 2019-12-09 15:50Programmer.杨的博客 一、遇到的问题 ...可以看到，我本来是想要两行图片，每一行是三张。结果现在第一行的图片跑到第二行去了。 代码结构很简单： <li> <a></a> &...
- 2019-10-08 21:04dengla6847的博客 二、举个简单的栗子分析问题 三、解决办法 一、遇到的问题 前些天写瀑布流布局的时候，发现明明计算好了宽度使得一行能放下三张图片，实际效果却总是放不下，图片会挤到下一行去。上图： 可以看到，我本来...
- 2025-01-01 15:28秀秀_heo的博客 在使用布局时，元素之间存在一个空格的间距，这是由于 HTML 中的空白字符（空格、换行、制表符等）会被当作渲染内容的一部分。
- 没有解决我的问题, 去提问
