列表li与li之间的间距怎么设置?

图片描述
如上图所示,这个是使用appcan开发的移动app, 图中的li是使用Listview列表组件写的,代码如下:

<div id="listview">  </div>

var updateData = [{
            title : "上海教育体系被赞世界最强之一教师是教育质 量的核心",
            note : "2016-01-01",
            icon : "img/icon_01.png"
        }, {
            title : "上海教育体系被赞世界最强之一教师是教育质 量的核心",
            note : "2016-01-01",
            icon : "img/icon_02.png"
        }];
        var lv1 = appcan.listview({
            selector : "#listview",
            type : "thickLine",
            hasIcon : true,
            hasAngle : false
        });
        lv1.set(updateData);

这个列表加了margin来设置li与li之间的间距,不起作用。

要达到如下图所示的效果,ulbackground-color是灰色的,libackground-color是白色的,li是有边框的, 上个li的下边框与下个li的上边框 之间是有空隙的。

图片描述

请问,如何用css设置这种 lili 边框 之间的空隙?

阅读 60.3k
5 个回答

找到问题的原因了,不是margin不起作用,而是background-color:#fff写错了,ul也成了白色背景
-_-||| @_@

谢谢各位答主啊。。。

ps:闹了半天是一个乌龙。。。真想找个地缝钻进去。。。捂脸。。。。

margin是外边距 .这不就可以了吗?
clipboard.png

这个也没有问题啊
clipboard.png

看了楼下的。我再给你贴一个padding的
clipboard.png

设置中间li的margin不行吗

设置margin就可以了。但是看上面的答案你都没采纳,是不是你的需求没搞清,到底要怎么弄

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题