时间戳

首页 > 解决方案 > 如何移动

  • 右边的子弹元素？

    • html - 如何移动
  • 右边的子弹元素？

    • 问题描述

    看看这个截图。有两个

  • 右侧的文本。除了元素之外，我还想拥有列表样式（项目符号），但正如您所见，它们相距甚远。

    截屏

    另外想将它们移到顶部（正好在前 3 个文本的前面。

    .treeview-ul {
  margin-left: 1.5em;
  text-align: left;
}

.li-right {
  text-align: right !important;
}
    <ul class="treeview-ul">
  <li><a href="setup-vpn-pptp-windows-vista">TEXT</a></li>
  <li><a href="setup-vpn-l2tp-windows-vista">TEXT</a></li>
  <li><a href="setup-vpn-sstp-windows-vista">TEXT</a></li>
  <div class="li-right">
    <li><a href="setup-vpn-openvpn-windows-vista">TEXT</a></li>
    <li><a href="setup-vpn-softether-windows">TEXT</a></li>
  </ul>
</div>

    • 标签： htmlcss

    解决方案

    添加float: right，它将向右对齐。

    /* CSS: */

.treeview-ul {
  margin-left: 1.5em;
  text-align: left;
}

.li-right {
  /*text-align: right !important;*/
  float: right; /* Add float right */
}
    <!-- HTML: -->

<ul class="treeview-ul">
  <li><a href="setup-vpn-pptp-windows-vista">TEXT</a></li>
  <li><a href="setup-vpn-l2tp-windows-vista">TEXT</a></li>
  <li><a href="setup-vpn-sstp-windows-vista">TEXT</a></li>


  <div class="li-right">
    <li><a href="setup-vpn-openvpn-windows-vista">TEXT</a></li>
    <li><a href="setup-vpn-softether-windows">TEXT</a></li>
  </div>
</ul>

    推荐阅读