为了账号安全,请及时绑定邮箱和手机立即绑定

display:inline-block 什么时候不会显示间隙?

display:inline-block 什么时候不会显示间隙?

哈士奇WWW 2018-04-09 09:28:02
查看完整描述

7 回答

已采纳
?
奋斗好青年

TA贡献69条经验 获得超30个赞

  1. 清楚每个标签之间的间隙,这个有点费劲就是要手动调整代码;

  2. 用css:float:left.清除浮动,这个方法不需要手动清楚代码,但是浮动会引起另外的问题,就是如果你外面没有设置高度,或是没有overflow的话,父高度就不会撑开,所以要么你父加overflow:hidden可以清除浮动,要么设置高度;

    暂时想到这两种方法~~~

查看完整回答
1 反对 回复 2018-04-17
?
慕村1546111

TA贡献14条经验 获得超1个赞

其实解决没有间隙可以接受没换行,webpack中对HTML进行压缩就没空格了,所有开发阶段可以无视这个间隙

查看完整回答
1 反对 回复 2018-04-09
?
QQ_随意

TA贡献51条经验 获得超28个赞

去掉标签之间存在空格或换行 或者 设置font-size:0;

查看完整回答
1 反对 回复 2018-04-09
?
Viavia

TA贡献13条经验 获得超4个赞

将父元素的font-size: 0 然后子元素再设置font-size

查看完整回答
反对 回复 2018-04-10
?
Jenny_xiong

TA贡献16条经验 获得超7个赞

这些间隙其实就是空白符,要想去掉空白符,就要知道空白符是什么东西,它是字符,字符就要通过font-size来控制字符的大小

解决办法是:父元素设置font-size:0,自身元素设置你需要的字体大小

查看完整回答
反对 回复 2018-04-09
?
慕村1546111

TA贡献14条经验 获得超1个赞

可以使用display:flex

查看完整回答
反对 回复 2018-04-09
?
慕粉1103124771

TA贡献16条经验 获得超1个赞

代码不要换行就行,挨着

查看完整回答
反对 回复 2018-04-09
?
CodeManDSH

TA贡献58条经验 获得超18个赞

float:left

查看完整回答
反对 回复 2018-04-09
  • 7 回答
  • 0 关注
  • 3672 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信