jquery - 在 列表中包含 jquery 进度条的 div

Question

我正在尝试在 ul li 标签内添加一个 jquery 进度条。

<ul>
  <li>
    <a href="test">test</a>
    <div id="progressbar"></div>
  </li>
</ul>

我将 display: block 用作 anchor 标记，我对 div 标记也尝试了同样的方法，但没有成功。 div 元素显示在 anchor 标记下方。我希望进度条与 anchor 标记在同一行。

劳伦特

Answer 1

有几种方法可以做到这一点。

#progressbar { display: inline; }

将其放在同一行。我不知道是否必须显示:阻止。

或者，用:

<ul>
  <li class="load">
    <a href="test">test</a>
    <div id="progressbar"></div>
  </li>
</ul>

尝试:

li.load { overflow: hidden; }
li.load a, li.load div { float: left; }

尽管您可能需要将元素包含在 div 中:

<ul>
  <li>
    <div class="load">
      <a href="test">test</a>
      <div id="progressbar"></div>
    </div>
  </li>
</ul>

然后使用:

div.load { overflow: hidden; }
div.load a, div.load div { float: left; }