ホームページ >ウェブフロントエンド >htmlチュートリアル >さまざまな要素の位置合わせに関する問題: 下部または中央の位置合わせが必要です。 _html/css_WEB-ITnose

さまざまな要素の位置合わせに関する問題: 下部または中央の位置合わせが必要です。 _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:15:521204ブラウズ

<table>    <tr>        <td>            <input type="text" style="height:16px; width:27px" id="text1" />            <input type="image" src="images/logo.gif" style="height:16px; width:16px;" id="image1" />        </td>    </tr></table>


image1 と text1 が下揃え (または中央揃え) になるようにスタイルを記述するにはどうすればよいですか? ?

上記の書き方によれば、image1 の表示位置は常に text1 よりも上になります
(image1 の下端が text1 の中央に揃えられるようです。2 つの要素が異なる TD に配置されている場合、垂直方向の配置スタイルはまた働きます!

上記の書き方に従って、CSSを使って配置を設定するにはどうすればよいでしょうか?


ディスカッションへの返信 (解決策)

image1 と text1 の下を揃えます:

<table>    <tr>        <td>            <input type="text" style="height:16px; width:27px" id="text1" />            <input type="image" src="images/logo.gif" style="height:16px; width:16px; vertical-align:bottom" id="image1" />        </td>    </tr></table>

間違ったスタイルを TD に追加し続けていたことが判明しましたが、機能しませんでした。 。 。

CSS を使用して制御すると、最終的に互換性の問題が発生するため、ページを変更することをお勧めします。
リーリー

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。