CSS ブラウザの互換性問題のコレクション_html/css_WEB-ITnose

1. 問題: フォーム ボタンが input type=submit およびリンクと一貫性のない動作をします。

input{ border:none; }

.btn{ line-height: 35px 30px; } .btn{ height: 35px; line-height: 35px; width: 90px;vertical-align: middle; text-align: center;

ボタンの幅と高さ、行の高さ、垂直方向を制限します。 - align:middle はテキストを垂直方向に中央揃えにし、text-align:center はテキストを水平方向に中央揃えにします。

画像の説明:

1 2 は、それぞれ①②コード

2 に対応します。 問題: フォームの入力ボックス、テキスト、検証コード画像が揃っていません

form p{ margin-bottom: 10px; }

.label {幅: 100px; テキスト整列: 右; 表示: インラインブロック; }

.ipt{ 高さ: 210px; }ここで入力の高さを指定します。IE では line-height は入力の高さを拡張できません。

.imgCode{ height: 40px width: 70px; }

ユーザー名:< ;/p>

パスワード: 確認コード:

①

解決策:

.label、.ipt、.imgCode 属性を追加する {vertical-align: middle ②

写真の説明: