css - 列表li與li之間的間距怎么設(shè)置?
問題描述
如上圖所示,這個(gè)是使用appcan開發(fā)的移動(dòng)app, 圖中的li是使用Listview列表組件寫的,代碼如下:
<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來設(shè)置li與li之間的間距,不起作用。
要達(dá)到如下圖所示的效果,ul的background-color是灰色的,li的background-color是白色的,li是有邊框的, 上個(gè)li的下邊框與下個(gè)li的上邊框 之間是有空隙的。
請(qǐng)問,如何用css設(shè)置這種 li與li 邊框 之間的空隙?
問題解答
回答1:找到問題的原因了,不是margin不起作用,而是background-color:#fff寫錯(cuò)了,ul也成了白色背景 -_-||| @_@
謝謝各位答主啊。。。
ps:鬧了半天是一個(gè)烏龍。。。真想找個(gè)地縫鉆進(jìn)去。。。捂臉。。。。
回答2:margin是外邊距 .這不就可以了嗎?
這個(gè)也沒有問題啊
看了樓下的。我再給你貼一個(gè)padding的
設(shè)置中間li的margin不行嗎
回答4:https://jsfiddle.net/n60rkeka/1/
回答5:設(shè)置margin就可以了。但是看上面的答案你都沒采納,是不是你的需求沒搞清,到底要怎么弄
相關(guān)文章:
1. JavaScript事件2. mysql無法添加外鍵3. 在mac下出現(xiàn)了兩個(gè)docker環(huán)境4. javascript - 這段代碼如何理解?5. java - Mybatis查詢數(shù)據(jù)庫時(shí)出現(xiàn)查詢getInt()的錯(cuò)誤6. java - 是否類 類型指針、引用作為形參 ,函數(shù)結(jié)束不會(huì)自動(dòng)析構(gòu)類?7. matplotlib - python函數(shù)的問題8. javascript - es6將類數(shù)組轉(zhuǎn)化成數(shù)組的問題9. javascript - 我是做web前端的,公司最近有一個(gè)項(xiàng)目關(guān)于數(shù)據(jù)統(tǒng)計(jì)的!10. javascript - 有沒有什么好的圖片懶加載的插件,需要包含監(jiān)聽頁面滾動(dòng)高度,然后再加載的功能
