关于display:inline-block

每次需要给内联元素设置宽高的时候用的display:inline-block 都会让元素之间产生
间隙，这个有什么方法可以解决呢？
经常都是用浮动来代替的display 但是每次还要清除浮动太麻烦了
尝试了将标签都写在一行上的方法左右的缝隙可以解决但是上下有缝隙的问题还是解决不了

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
拾年丶不久 2019-10-29 14:22
关注
左右的缝隙产生原因一般是你的回车，空格，以及字间距（lerrtr-spacing），上下缝隙是行高以及外边距的原因，把他的margin设为0，顺带统一一下内外行高，边距问题应该就解决了

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(1条)

报告相同问题？

关注问题

前端CSS布局，两个div 为inline-block, 在一个内部添加p会影响另外一个的布局原因？ css 前端
2017-09-29 15:37

回答 7 已采纳加overflow:hidden试试 http://blog.csdn.net/qq_27545151/article/details/48598397
在javascript控制元素的显示模式，元素的display被js改成block之后，无法再变回none html javascript 前端
2022-07-24 11:59

回答 2 已采纳修改代码如下 btn2.onclick = function (event) { p1.style.display = 'none'; console.log("yes");
关于#前端#的问题：新浪注册页面练习，但是到用户名的时候就出错了(语言-javascript) html javascript 前端
2023-02-06 21:31

回答 3 已采纳这里少了一个点 var ipn = document.querySelector('.ipn');
display:inline inline-block block
2022-11-24 17:21

zzzley的博客 display：block，inline，inline-block
margin-top失效前端
2021-12-22 17:48

回答 1 已采纳 display:inline-block;
页面内部的固定水平导航栏无法居中，该如何解决？ css html 前端
2022-04-15 23:11

回答 2 已采纳 ul的margin:15px 494.14px 0px 494.14px;去掉 position:fixed;去掉 div改成<div style="text-align: center;"&g
vue实现只能编辑生效日期是今天之后的 html vue.js 前端
2022-09-02 15:10

回答 4 已采纳做一个if判断 if(new Date(effectiveTime).getTime() > new Date().getTime()) { console.log('可编辑') }
display: inline-block的总结
2022-08-21 17:36

游坦之的博客我尝试了很多种办法，设置高度，浮动，定位什么的都没有用，后来看了一下网易云音乐的源代码，发现他用到了这个display:inline-block;同样，如果设置了 display: inline-block，将保留上下外边距/内边距，而 display...
在Ant Design中，如何让一个引入的组件重叠在Table之上 vue.js 前端有问必答
2021-11-19 21:43

回答 3 已采纳你好，我是有问必答小助手，非常抱歉，本次您提出的有问必答问题，技术专家团超时未为您做出解答本次提问扣除的有问必答次数，已经为您补发到账户，我们后续会持续优化，扩大我们的服务范围，为您带来更好地服务。
如何实现box-shadow的双向照射 css html 前端
2023-02-02 14:59

回答 4 已采纳其实就是外边距+外阴影+内阴影啦。参考我的代码修改就好了如果颜色不明显你换一个就行了 margin-right: 4px; 右外边距，隔开两个盒子 box-shadow: 3px 3px 4px 4p
前端内联块元素布局问题 css html
2021-12-06 10:36

回答 2 已采纳同一行的行内元素对齐方式默认是底部对齐，即vertical-align：baseline，你可以在.left跟.content 加一个vertical-align:top解决这个问题
使用display: inline-block出现错位
2023-04-22 01:57

是九二呀的博客 div和span元素使用display: inline-block出现错位的解决方法。
右侧div盒子放上button为什么展示效果不一样 html 前端
2022-09-18 20:50

回答 2 已采纳给 .home 加个 display:flex；要不然就用浮动解决给 .content加float:left; .btn也加上float:left
css之display:inline-block布局
2022-07-18 14:45

liytingtt的博客 inline-block可以说是结合了inline和block的部分属性，最大的特点便是可以使元素在一行上显示，又能够改变元素的height，width的值.使用padding，margin的top，left，bottom，right都能够撑开元素。首先float浮动的...
CSS中的 display：inline-block
2022-02-14 14:53

CyberPlayer的博客 display: inline-block 　与 display: inline 相比，主要区别在于 display: inline-block 允许在元素上设置宽度和高度。同样，如果设置了 display: inline-block，将保留上下外边距/内边距，而 display: inline 则...
没有解决我的问题, 去提问

悬赏问题

¥15 素材场景中光线烘焙后灯光失效
¥15 请教一下各位，为什么我这个没有实现模拟点击
¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
¥20 有关区间dp的问题求解
¥15 多电路系统共用电源的串扰问题
¥15 slam rangenet++配置
¥15 有没有研究水声通信方面的帮我改俩matlab代码
¥15 ubuntu子系统密码忘记
¥15 保护模式-系统加载-段寄存器

关于display:inline-block

2条回答 默认 最新

悬赏问题

2条回答默认最新