Question

我正在使用jquery mobile listview，它运行正常。在列表项之间的jquery列表中，我能够看到一些看起来像一个分隔符的空间。我想用列表项之间的虚线分隔它们而不是那个空格。我怎么能做到这一点？谁能帮帮我吗。我希望我的问题很明确。

这样的事情：

List1
...........................
List2
...........................
List3
...........................

谢谢。

Answer 1

您可以使用以下内容：

        .dotted-list li{
            border-style:dotted;
            border-color:#000;
        }
        .dotted-list li:first-of-type{
            border-style:solid ;
            border-color:#ff0000;
        }

        .dotted-list li:last-of-type{
            border-bottom-style:solid ;
            border-bottom-color:#ff0000;
        }

列表定义为：

      <ul data-role="listview" class="dotted-list">
        <li><a href="#">Test1</a></li>
        <li><a href="#">Test2</a></li>
        <li><a href="#">Test3</a></li>
        <li><a href="#">Test4</a></li>
        <li><a href="#">Test5</a></li>
      </ul>

此处的演示 - http://jsfiddle.net/wYSqk/

JqueryMobile ListView中列表项之间的虚线

1 个答案: