0

幅がそれぞれ 20% と 60% の 1 列目と 2 列目が続く 1 行のテーブルでは、2 列目のその行のhtmlが続きます。参照ボタンと送信ボタンがあります。両方とも上部で垂直に整列させたいです。css でこれについて言及しましたが、目的の結果が表示されません。この理由は何ですか?

HTML スニペット :

                <form method="post" action="#">
                 <div id="Files_to_be_shared"> 
                       <input type="file" id="File" name="FileTag" />
                       <input type="submit" value="Share" /> 
                 </div>
                </form>

対応する CSS スニペット:

#Files_to_be_shared {
    color:#FFEC94;
    vertical-align:top;
}

これは私が見る出力です(そして、配置したい場所にマークを付けました)

ここに画像の説明を入力

4

1 に答える 1

1

table使用している場合はvalign="top"td

&追加align="center"して、中央に揃えますtd

デモ


またはこれを試してください

    #Files_to_be_shared {
      color:#FFEC94;
      vertical-align:top; 
      text-align:center 
    }
    td{
     border:1px solid grey; 
     vertical-align:top;
    }

</p>

デモ 2

于 2013-01-04T10:56:37.987 に答える