入力と画像を揃えるためにvertical-alignを使用します
|
input と img を同じ行に配置すると、img タグが常に input より 1 つ上になり、非常に見苦しくなります。これまでいろいろな方法を試してきましたが、どれも効果がありませんでした。その後、Web サイトで見つけた最も一般的な解決策は、img に align="absmiddle" 属性を追加することでした。この方法は実行可能であるように思われますが、HTML 標準に準拠していません。その後、input と img の両方に vertical-align:middle を追加すると機能することを偶然発見しました。 コードをコピー コードは次のとおりです。入力、画像{垂直配置:中央;} こうすることで、コードは水平に揃えられます。 |
<<: Ubuntu 14.04 に FTP サーバーをインストールするための実装手順
推薦する
HTML で特定のテキストを非表示にするにはどうすればよいでしょうか?
テキスト非表示コード、HTML 内の特定のテキストを非表示にするコードをコピーコードは次のとおりです...
Docker の win ping 失敗コンテナ回避ガイド
win docker-desktopを使ってコンテナ開発に接続し、ネットワーク上で色々試してみたいと...
Linux で SSH サーバー エイリアスを作成する 2 つの方法
序文SSH 経由でさまざまなリモート システムに頻繁にアクセスする場合は、このトリックを使用すると時...
Linux の権限管理コマンド (chmod/chown/chgrp/unmask) の詳細な説明
目次chmod例権限に関する特別な注意分析するチョーンchgrp umask Linux オペレーテ...
jQueryはショッピングカートの完全な機能を実現します
この記事では、ショッピングカートの完全な機能を実現するためのjQueryの具体的なコードを参考までに...
CSS3 は本当に SCSS に取って代わるのでしょうか?
Web ページのスタイル設定に関しては、プロジェクトで純粋な CSS または SCSS (および他...
Vue+echarts で積み上げ棒グラフを実現
この記事では、積み上げ棒グラフを実装するためのVue+echartsの具体的なコードを参考までに紹介...
Vueは物流タイムライン効果を実現します
この記事では、物流タイムライン効果を実現するためのVueの具体的なコードを例として紹介します。具体的...
JavaScript継承のさまざまな方法とメリット・デメリットを詳しく解説
目次1. プロトタイプチェーン継承2. コンストラクタの借用（古典的な継承） 3. 組み合わせ継承4...
同じ IP のアクセス頻度を制限するように nginx を設定する方法
1. nginx.conf の http{} に次のコードを追加します。 limit_conn_zo...
Vue3はJingdong製品詳細ページの虫眼鏡効果コンポーネントをカプセル化します
この記事では、Jingdong製品詳細ページの虫眼鏡効果コンポーネントに似たvue3カプセル化の具体...
この SQL 書き込み方法では本当にインデックスが失敗するのでしょうか?
序文インターネット上には、MySQL でインデックスにヒットできないさまざまな状況をまとめた記事がよ...
MySQL データ型の選択原則
目次小さいけれど美しいシンプルにNULL値を避けるデータタイプを選択する手順データ型の紹介1. 文字...
Vue でデータコレクターを設計する
目次シナリオ中核問題ステータス監視状態監視の利点国家監視の欠点復興実行のアイデア依存関係の収集要約す...
HTMLテキストの一般的なイベントとメソッドの詳細な説明
イベントの説明onactivate: オブジェクトがアクティブ要素として設定されたときに発生します。...