关于display: inline-block 默认空白间距的问题
2016-08-06 17:04
453 查看
问题描述
废话不多说，直接上代码html
<div class="box1"> </div> <div class="box2"> </div> <div class="box3"> </div>
css
.box1,
.box2,
.box3 {
width: 20px;
height: 20px;
background-color: #E11;
display: inline-block;
}效果图
解决方法
各个标签之间，不能有空格html
<div class="box1"> </div><div class="box2"> // 标签前后没有空格 </div><div class="box3"> </div>
效果图
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- display：inline-block空白间距的去除和兼容问题
- display:inline-block的间距空白问题
- CSS - display:inline-block 相邻元素间有4px的空白间距
- display:inline-block元素间距问题
- 关于display:inline-block布局导致错位问题分析
- 关于display:inline-block问题总结
- display:inline-block的空白间隙问题！
- display:inline-block 元素之间由于换行所产生的间距问题
- 关于IE7的display:inline-block失效问题
- div设置display:inline-block属性产生空白间距
- display:inline-block元素间空白间隙问题
- 关于 display:inline-block
- display:inline-block; IE6/IE7 兼容问题
- 关于 display:inline-block
- 去掉display:inline-block元素间的多余空白
- 关于 display: inline 、block 、inline-block
- 关于display:inline-block
- 关于 display: inline 、block 、inline-block (一)
- ie7下面不支持块级元素使用display:inline-block的问题
- inline元素设置display:inline-block存在空隙问题