Question

我已经实现了rateYo的评级插件，我非常喜欢。令我感到困惑的是为什么明星们坚持要进入新的界限。我的test-site说明了问题。

我尝试使用inline-block和whitespace: nowrap以及display: inline设置div的样式但无济于事。我还尝试使用<label for="min-rating" >Minimum Rating:</label> <div id="min-rating"></div>为标签设置样式。该插件没有与此问题相关的选项。我错过了什么？

{{1}}

如果您选择对此问题进行选择，请提供一个理由，以便我可以从错误中吸取教训。

Answer 1

默认情况下，div具有display: block，这使得它从新行开始。如果你将它添加到CSS中它将起作用：

#min-rating {
    display: inline-block;
}

Answer 2

也许您可以尝试将其插入表格

<table cellspacing=10>
  <tr>
    <td>
      <label for="min-rating" >Minimum Rating:</label>
    </td>
    <td>
      <div id="min-rating">****</div>
    </td>
  </tr>
</table>

注意：我添加了一些小星星（****）进行演示。如果您愿意，可以将其删除

为什么评级明星会在新线上开始？

2 个答案: