-3

（嗯，我确定我有，但我就是不知道为什么它会这样对齐。）

见这里：http ://web.cs.dal.ca/~selig/serverside/assignment2/

我会提供 CSS，但我根本不知道什么是相关的。我不相信我已经告诉它任何可以像这样对齐它的规则。我希望它在两个按钮下方居中。

4

4 回答 4

2

我认为，由于 div#upload 是一个内联块，因此浮动它也没有多大意义。如果删除浮动，跨度开始表现（它与上传按钮对齐，因为它们都被浮动 div 推到右侧），但是上传按钮的位置变得有趣。更改 div#upload 的垂直对齐方式以某种方式解决了这个问题。

#upload {
    float: none;
    vertical-align: top
}
于 2013-02-06T15:19:55.790 回答
0

如果你添加float: left;到你的跨度类它应该可以工作，但你不能在你的跨度之前关闭表单标签吗？

例如：

</form>
<span class="valid-formats">Valid input: .txt files &lt;= 512 KB</span>
于 2013-02-06T15:06:22.373 回答
0

它是失控的，即失控。

.valid-formats {
  clear: both;
  color: #999999;
  float: left;
  font-size: 0.8em;
}

会修复它

于 2013-02-06T15:10:11.447 回答
0

也许可以使用一张桌子。例子：

<table>
  <tr style="vertical-align:top;">
    <td>No file selected</td>
    <td><input type="button" value="Browse"></td>
    <td><input type="submit" name="submit" value="Upload"><br />
      Valid input:<br />
      .txt files &lt;= 512 KB</td>
  </tr>
</table>

您需要添加一些 CSS，但至少我认为对齐是您想要的。

于 2013-02-06T18:53:53.290 回答