css - 列表li與li之間的間距怎么設(shè)置?
問(wèn)題描述
如上圖所示,這個(gè)是使用appcan開(kāi)發(fā)的移動(dòng)app, 圖中的li是使用Listview列表組件寫(xiě)的,代碼如下:
<p id='listview'> </p>var updateData = [{ title : '上海教育體系被贊世界最強(qiáng)之一教師是教育質(zhì) 量的核心', note : '2016-01-01', icon : 'img/icon_01.png'}, { title : '上海教育體系被贊世界最強(qiáng)之一教師是教育質(zhì) 量的核心', note : '2016-01-01', icon : 'img/icon_02.png'}];var lv1 = appcan.listview({ selector : '#listview', type : 'thickLine', hasIcon : true, hasAngle : false});lv1.set(updateData);
這個(gè)列表加了margin來(lái)設(shè)置li與li之間的間距,不起作用。
要達(dá)到如下圖所示的效果,ul的background-color是灰色的,li的background-color是白色的,li是有邊框的, 上個(gè)li的下邊框與下個(gè)li的上邊框 之間是有空隙的。
請(qǐng)問(wèn),如何用css設(shè)置這種 li與li 邊框 之間的空隙?
問(wèn)題解答
回答1:找到問(wèn)題的原因了,不是margin不起作用,而是background-color:#fff寫(xiě)錯(cuò)了,ul也成了白色背景 -_-||| @_@
謝謝各位答主啊。。。
ps:鬧了半天是一個(gè)烏龍。。。真想找個(gè)地縫鉆進(jìn)去。。。捂臉。。。。
回答2:margin是外邊距 .這不就可以了嗎?
這個(gè)也沒(méi)有問(wèn)題啊
看了樓下的。我再給你貼一個(gè)padding的
設(shè)置中間li的margin不行嗎
回答4:https://jsfiddle.net/n60rkeka/1/
回答5:設(shè)置margin就可以了。但是看上面的答案你都沒(méi)采納,是不是你的需求沒(méi)搞清,到底要怎么弄
相關(guān)文章:
1. Python處理Dict生成json2. (python)關(guān)于如何做到按win+R再輸入文件文件名就可以運(yùn)行?3. 想練支付寶對(duì)接和微信支付對(duì)接開(kāi)發(fā)(Java),好像個(gè)人不可以,怎么弄個(gè)企業(yè)的4. mysql - Sql union 操作5. java - Mybatis 數(shù)據(jù)庫(kù)多表關(guān)聯(lián)分頁(yè)的問(wèn)題6. 急急急?。?!求大神解答網(wǎng)站評(píng)論問(wèn)題,有大神幫幫小弟嗎7. javascript - 按鈕鏈接到另一個(gè)網(wǎng)址 怎么通過(guò)百度統(tǒng)計(jì)計(jì)算按鈕的點(diǎn)擊數(shù)量8. python - 如何使用websocket在網(wǎng)頁(yè)上動(dòng)態(tài)示實(shí)時(shí)數(shù)據(jù)的折線(xiàn)圖?9. python - 請(qǐng)問(wèn)這兩個(gè)地方是為什么呢?10. python2.7 - python 正則前瞻 后瞻 無(wú)法匹配到正確的內(nèi)容
