关于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
关于uniapp开发小程序的image标签给了display:block和宽度高度但是图片出来依然是他自适应的宽高 css 前端小程序
2023-03-30 21:37

回答 3 已采纳因为你的flex布局导致的，给右边的盒子一个宽度限制
在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');
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
深入display:inline-block
2020-09-25 10:35

然而，`display:inline-block`的兼容性问题曾经是前端开发者面临的一大挑战。早期版本的Firefox（小于3.0）并不支持`display:inline-block`，而是使用私有属性`-moz-inline-box`来实现类似的效果。但由于`-moz-...
vue实现只能编辑生效日期是今天之后的 html vue.js 前端
2022-09-02 15:10

回答 4 已采纳做一个if判断 if(new Date(effectiveTime).getTime() > new Date().getTime()) { console.log('可编辑') }
在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
使用display:inline-block居中没有宽度的元素
2020-09-25 02:03

"使用display:inline-block居中没有宽度的元素"这个主题主要涉及到CSS中的两个关键概念：`text-align`属性和`display`属性的`inline-block`值，它们在实现动态或未知宽度元素的居中对齐上发挥着重要作用。...
前端内联块元素布局问题 css html
2021-12-06 10:36

回答 2 已采纳同一行的行内元素对齐方式默认是底部对齐，即vertical-align：baseline，你可以在.left跟.content 加一个vertical-align:top解决这个问题
前端必知必会-CSS 布局display: inline-block
2024-08-21 09:00

编程岁月的博客本文介绍了的CSS 布局display: inline-block使用，如有问题欢迎私信和评论。
【CSS 面经】display: block、display: inline 和 display: inline-block 的区别
2024-12-09 22:46

Peter-Lu的博客的元素会占据页面中从左到右的整行，通常会从新的一行开始显示。这类元素会导致页面的布局结构发生...是inline和block两者的结合体。元素会像inline元素一样排列在同一行内，但又可以像block元素一样设置宽度和高度。
没有解决我的问题, 去提问

关于display:inline-block

2条回答 默认 最新

2条回答默认最新