CSS显示（不能顶级）

Question

   您可以从图片中看到输入（类型=数字）和按钮（速率）不能超过值    这是我的代码..我该如何解决这个问题？

 <form class="formRate" action="/rate" method="post">
    <input type="hidden" name="contentid" value="<%= photo.id %>" />
    <input type="hidden" name="source" value="<%= photo.source %>" />
    <input type="number" name="score" min="1" max="5" style="width:30px;"/>
    <input type="button" class="btn btn-danger" value="Rate"/>
    </form>

Answer 1

input { float: left; }

.formRate { overflow: auto; }

这应该有所帮助。

Answer 2

您可以在CSS中使用它：

input {
  display: inline-block;
  vertical-align: middle;
}

Answer 3

很难说没有看到CSS，但尝试添加

<style>
  form, input { 
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
</style>

Answer 4

您可以尝试使用vertical-align CSS属性，将其设置为top。

使用此属性有一些细微差别，可以肯定，这取决于元素类型和诸如此类的东西;不可否认的是，我没有记住你应该使用它的地点和时间，而且当它运作时我很开心。