如何在菜单下拉框中添加分隔符

Question

我需要在我的下拉菜单中添加分隔符，因此我使用以下代码：

<li class='divider'></li>

这是我的带分隔符的HTML代码：

<ul class="dropdown-menu dropdown-menu-right" id="ul_menu">
  <li>
    <div class="col-md-10">
      <input type="checkbox" name="aggiungidsfsdf" checked=""> dsfsdf
    </div>
    <div class="col-md-2"><i class="fa fa-universal-access fa-1" aria-hidden="true"></i></div>
  </li>
  <li>
    <div class="col-md-10">
      <input type="checkbox" name="aggiungiasdas"> asdas
    </div>
    <div class="col-md-2"><i class="fa fa-universal-access fa-1" aria-hidden="true"></i></div>
  </li>
  <li>
    <div class="col-md-10">
      <input type="checkbox" name="aggiungicollaborativo"> collaborativo
    </div>
    <div class="col-md-2"><i class="fa fa fa-users fa-1" aria-hidden="true"></i></div>
  </li>
  <li>
    <div class="col-md-10">
      <input type="checkbox" name="aggiungiprivato"> privato
    </div>
    <div class="col-md-2"><i class="fa fa-lock fa-1" aria-hidden="true"></i></div>
  </li>
  <li>
    <div class="col-md-10">
      <input type="checkbox" name="aggiungicollabborativo"> collabborativo
    </div>
    <div class="col-md-2"><i class="fa fa fa-users fa-1" aria-hidden="true"></i></div>
  </li>
  <li class="divider"></li>
  <li>
    <a href="#" id="aggiungi_bookmarked"><i class="fa fa-fw fa fa-plus"></i>Aggiungi Bookmarked</a>
  </li>
</ul>

但是这段代码不能运行，因为我看不到分隔符。有谁能帮我吗？

- poopp

---

分隔符在哪里？展示你想要完整的HTML。 - Mohammad

我已经使用HTML格式化程序运行了您的代码，以使其更易于阅读。 - James Monger

Answer 1

你的代码有问题，在li后面多加了'。

ul, li{list-style:none}
.divider{border-bottom:1px solid red}

<ul class="dropdown-menu dropdown-menu-right" id="ul_menu">
  <li><div class="col-md-10"><input type="checkbox" name="aggiungidsfsdf" checked="">   dsfsdf</div><div class="col-md-2"><i class="fa fa-universal-access fa-1" aria-hidden="true"></i></div></li>
  <li><div class="col-md-10"><input type="checkbox" name="aggiungiasdas">      asdas</div><div class="col-md-2"><i class="fa fa-universal-access fa-1" aria-hidden="true"></i></div></li>
  <li><div class="col-md-10"><input type="checkbox" name="aggiungicollaborativo">       collaborativo</div><div class="col-md-2"><i class="fa fa fa-users fa-1" aria-hidden="true"></i></div></li>
  <li><div class="col-md-10"><input type="checkbox" name="aggiungiprivato">     privato</div><div class="col-md-2"><i class="fa fa-lock fa-1" aria-hidden="true"></i></div></li><li><div class="col-md-10"><input type="checkbox" name="aggiungicollabborativo">        collabborativo</div><div class="col-md-2"><i class="fa fa fa-users fa-1" aria-hidden="true"></i></div></li>
  <li class="divider"></li'><li><a href="#" id="aggiungi_bookmarked"><i class="fa fa-fw fa fa-plus"></i>Aggiungi Bookmarked</a></li></ul>

- Charantej Golla

Answer 2

你在进行安卓编程吗？如果是的话，你可以去xml文件中找到listview并添加这一行代码：android:divider:#ffffffff

"#ffffffff" 可以替换为任何你喜欢的颜色的十六进制代码。

- zzy