简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

入力テキストボックスと画像検証コードの作成方法

php中世界最好的语言
リリース： 2018-02-12 10:04:13
オリジナル
3451 人が閲覧しました

在制作网页过程中经常会将input 和 img 放在同一行实现左侧输入右侧验证码，不过与此同时出现的一个问题是文本框和验证码的水平对齐问题，下面与大家分享下具体的解决方法，有类似问题的朋友可以了解下哈

在网页制作中，常将 input 和 img 放在同一行，img标签总是比input高出一个头，非常难看。

CCS实现input和img水平对齐的方法
同时给input和img添加vertical-align:middle就行了，代码如下： 

input,img {vertical-align:middle;}
ログイン後にコピー

相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

iframe的去边框和无边框有哪些操作方式

Html中有哪些标记文字注释的符号

html的转义字符怎样通过代码识别

以上が入力テキストボックスと画像検証コードの作成方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
input 確認する
ソース：php.cn
前の記事：よく使用される入力テキスト ボックスの内容は自動的に垂直方向の中央に配置され、クリックするとデフォルトのプロンプト テキストは空になります。 次の記事：HTML でスクロール バーを使用するためのヒントは何ですか?
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
内部 HTML が変更されたときに HTML コンテンツ編集可能なキャレット位置を保持する WYSIWYG エディターとして機能する div があります。これはテキスト ボックスとして機能しますが、その中に Markdown 構文をレンダリングしてライブ変更を表示します。...
から 2023-11-08 22:38:23
0
2
285
Vue js: トラブルシューティング - 未定義の '$refs' プロパティの読み取り テンプレートに参照があるにもかかわらず、「未定義のプロパティを読み取ることができません ('$refs' を読み取ります)」というエラーが発生します。これは、Vue マウント フッ...
から 2023-11-07 23:34:12
0
1
305
Vue.jsのメソッド内で入力フォーカスイベントをトリガーするにはどうすればよいですか? 次のイベントを使用する入力があります: <b-nputclass="input"id="link"v-model="link...
から 2023-10-29 23:56:42
0
2
270
ボタンの送信からフォームを保護する方法 次のページでは、Firefox を使用してボタンを削除するとフォームが送信されますが、ボタンを追加するとフォームは送信されません。削除ボタンがフォームを送信しないようにするにはどう...
から 2023-10-10 10:47:12
0
1
309
flatpickr による jQuery 要素 $input._ flatpicker 入力を選択します 私はプロジェクトで jquery を使用しており、 flatpickr を使用して日付ドロップダウン ボックスを配置しています。日付入力から既存の flatpickr インスタンス...
から 2023-09-17 15:41:09
0
1
337
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！