-3

（まあ、確かに持っていると思いますが、なぜそのように整列しているのかわかりません。）

ここを参照してください: http://web.cs.dal.ca/~selig/serverside/assignment2/

CSSを提供しますが、何が関連するのかまったくわかりません。そのように調整するルールを私が伝えたとは思えません。2つのボタンの下の中央に配置したい.

4

4 に答える 4

2

div#upload はインライン ブロックなので、フローティングしてもあまり意味がないと思います。フローティングを削除すると、スパンは動作を開始します (両方ともフローティング div によって右に押されるため、アップロード ボタンと整列します)。ただし、アップロード ボタンの配置がおかしくなります。div#upload の垂直方向の配置を変更すると、何とか修正されます。

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

Perhaps a table could be used. Example:

<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>

You need to add some CSS, but at least I think the alignment is as you want.

于 2013-02-06T18:53:53.290 に答える
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 に答える