背景:今W3CSS:中心入力フィールド
https://www.w3schools.com/w3css/w3css_input.aspは、私が中心に難易度のビットを持つブランドの新しいウェブサイト&に始めています:アイブ氏は&このウェブサイトからの私の知識を取得し、W3CSSを使用していくつかの小さなウェブサイトを行って入力フィールド。 (フォームはまだ動作しません、私はちょうどそれを右に見せようとしています)。
http://clubs.kwister.com/login
基本的には、電子メールアドレスを尋ねる二つの形式を見ることができます。最初のものはCENTEREDで、入力フィールドの幅は50%です。しかし、人が自分の電子メールアドレスを入力する実際の入力フィールドは、左側にフラッシュされます。
第2の形式では、幅:50%を取り出しましたが、画面の全幅を取る入力フィールドが表示されています。
実際に入力フィールドが中央に配置されていますが、幅の40〜50%しか表示されないように見えるように、何かがありますか?
私はW3ウェブサイトから「幅」の例はなく、すべての入力フィールドは利用可能な幅の100%を占めることがわかります。
私は
PS私はW3-第三のクラス(応答セクション)を行うことができます(私はや空白を埋めるために、後には何も追加しない場合があります)、画面を分割両側に空白をしたいですかしかし、私はフォームが画面の幅の3分の1以上を占めるようにしたい。
Iveの番号は1です(幅:50%; text-align:center;) - まだ左揃えです。 2)(position:relative; left:25%;)は実際の入力フィールドに 'position:relative;'と 'left:25%;'を設定したままで、依然として全幅 – sarah
を占めていますか?愚かな質問ですが、私はそれが非常に頻繁に犯人であることがわかります... –
私はあなたのコードを見て、 'text-align:center;'はフォームそのものです。助言。これを試してください: ' –