請問老師,這中間1px的間距怎么去掉,我此處代碼是這樣的
<div class="course"> <div class="courselist"> <a href="#"><img src="http://img1.sycdn.imooc.com//53edad54000119fb03300130.jpg"><p>玩轉(zhuǎn)bootstrap</p></a> </div> <div class="courselist"> <a href="#"><img src="http://img1.sycdn.imooc.com//53edad690001260a03300130.jpg"><p>玩轉(zhuǎn)bootstrap</p></a> </div> <div class="courselist"> <a href="#"><img src="http://img1.sycdn.imooc.com//53edad7a0001cde803300130.jpg"><p>玩轉(zhuǎn)bootstrap</p></a> </div> </div> //下面是css .course{height: 150px;} .course .courselist{width: 33%;float: left;text-align: center;padding: 1px;} .course .courselist img{width:330px;height: 130px;} .course a{display:block;text-decoration: none;color:black;} .course .courselist a p{height:100%;text-align: center;font-size: 16px;border: 1px solid #e8e8e8;}
2014-08-27
好像是5px,直接margin-top:-5px; 這樣應(yīng)該也可以
2014-08-24
找到原因了,img是內(nèi)聯(lián)元素
1.直接把img改為塊元素
2.在img外圍加div
3.其他排版方式