Question

这应该很简单，但我无法弄清楚如何将一组li元素强制放在与div相同的行上。

我在这里考虑了很多答案，建议使用span，inline-block，一个包装器，避免使用float等等，但似乎都不起作用。

这是描述问题的小提琴：fiddle

我尝试过的HTML：

  <div id="synthesize_div" class="float_center main-div" style="width:1300px; box-sizing:border-box;">
    <span id="decision-text" class="secondary_text">Text</span>
    <p></p>
    <div id="column1" class="" style="color:blue;">hello</div>
    <ul id="columns">
      <li id="compared1" class="secondary_text">+</li>
      <li id="compared2" class="secondary_text">+</li>
      <li id="compared3" class="secondary_text">+</li>
      <li id="compared4" class="secondary_text">+</li>
      <li id="compared5" class="secondary_text">+</li>
    </ul>
  </div>

是否可能与jQuery-UI存在一些冲突，或者我是否缺少一个简单的解决方案？

Answer 1

你的

<div id="column1" ...

是一个块元素，因为默认情况下div是块元素。如果希望内联元素与其内联，则需要修改它。一个简单的

display: inline-block;

在该div上工作，同时保持您已经设置的大小和其他格式;你可以将它放在样式标签或CSS中。

您需要将<ul>设置为显示：内联。

强制jQueryUI可排序＆＃39; li＆＃39;和＆＃39; div＆＃39;在同一条线上

1 个答案: