<div class="group-content">??????????????? <div class="group-box">??????????????????? <ul>??????????????????????? <li class="one">??????????????????????????? <div class="group-info">??????????????????????????????? <span>魅藍(lán)note6 64GB</span>??????????????????????????????? <span>官方正品</span>????????????????? ??????????????<span>¥--</span>??????????????????????????????? <span>剩余:0天0小時(shí)0分0秒</span>??????????????????????????? </div>??????????????????????????? <div class="picture"></div>??????????????????????? </li>??????????????????????? <li class="two">??????????????????????? </li>??????????????????????? <li class="three"></li>??????????????????? </ul>??????????????? </div>??????????? </div>css部分:.group-box{???? font-size: 0;?}.group-box li{???? display: inline-block;???? font-size: 16px;???? width: 400px;???? height:174px;?}?.one{???? background: pink;?}?.two{??? background: paleturquoise;?}?.three{???? background: peru;?}?.group-info{???? display: inline-block;?}結(jié)果:問題:是什么造成第一個(gè)li產(chǎn)生間距?
在li標(biāo)簽里面添加內(nèi)容產(chǎn)生間距
maturity_process
2018-05-19 16:28:57