検索

ホームページ  >  に質問  >  本文

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


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

<p id="listview">  </p>

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 边框 之间的空隙?

天蓬老师天蓬老师2863日前2144

全員に返信(5)返信します

  • PHP中文网

    PHP中文网2017-04-17 14:43:22

    マージンが効かないのではなく、background-color: #fff の記述が間違っていて、ul もなってしまうことが原因であることが分かりました。白い背景
    -_-||| @_@

    皆さん、ご回答ありがとうございました。 。 。

    ps: 長い時間がかかりましたが、それは間違いでした。 。 。地面の亀裂を見つけてそこに潜り込みたいです。 。 。顔を覆ってください。 。 。 。

    返事
    0
  • 大家讲道理

    大家讲道理2017-04-17 14:43:22

    margin は外側のマージンです。これで十分ではないでしょうか。
    < /p>

    これには問題ありません

    階下を見た。別のパディングを投稿します

    返事
    0
  • ringa_lee

    ringa_lee2017-04-17 14:43:22

    中央のリのマージンを設定することはできないでしょうか?

    返事
    0
  • 迷茫

    迷茫2017-04-17 14:43:22

    https://jsfiddle.net/n60rkeka/1/

    返事
    0
  • PHPz

    PHPz2017-04-17 14:43:22

    マージンを設定するだけです。しかし、上記の答えを採用していないのは、自分のニーズを理解していないからですか?

    返事
    0
  • キャンセル返事