JAVASCRIPT
VUE
REACT
NODE
ES6
TYPESCRIPT

消除元素换行产生的默认的间距

2018. 08. 09    

消除元素换行产生的默认的间距

第一种方式:父级font-size:0;

html:
<div class="box">
	<div class="child"></div>
   <div class="child"></div>
   <div class="child"></div>
</div>

style:
.box{font-size: 0;}
.child{display: inline-block;font-size: 16px;}

第二种:布局的时候元素相连,(影响:结构不清晰)

html:
<div class="box">
	<div class="child">
   
   </div><div class="child">
   
   </div><div class="child">
   
   </div>
</div>

以上