ホームページ > ウェブフロントエンド > htmlチュートリアル > 入力テキストボックスとimage_html/css_WEB-ITnoseを位置合わせする方法

入力テキストボックスとimage_html/css_WEB-ITnoseを位置合わせする方法

WBOY
リリース: 2016-06-24 11:30:52
オリジナル
1801 人が閲覧しました

入力テキスト ボックスと画像を位置合わせする方法:
デフォルトでは、入力テキスト ボックスと画像を垂直方向の中央に配置することはできず、常にずれが生じます。ここでは、この効果を実現する方法を紹介します。
コードは次のとおりです:

<input id="qq" name="qq" style="width:100px;vertical-align:middle" /><img border="0" style="vertical-align:middle"/>
ログイン後にコピー

この機能を実現するには、要素にvertical-align:middleを追加するだけです。

元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=11579

詳細については、以下を参照してください: http://www.softwhy.com/divcss/

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート