CSS は HTML_html/css_WEB-ITnose の要素の配置を制御します

登録インターフェイスは次のように記述されます:

属性を中央に設定し、入力ボックスの下に赤いプロンプトを表示し、入力ボックスと左揃えにします。私の HTML コードは次のとおりです:

<form action="registPro" method="post" id="regist">   <div>       <input type="text" id="name" name="user.username" placeholder="用户名">                         </div>       <span id="msg01" class="msg"></span>   <div>       <input type="password" id="pass" name="user.pass" placeholder="设置密码">         </div>       <span id="msg02" class="msg"></span>   <div>      <input type="submit" id="submit" value="注  册" class="button"/>   </div>                  	  	     		      		     	  		

CSS プロパティは次のように設定されています:

<style type="text/css"> input{width:280px;height:30px} .msg{color:red; font-size:1pt;} div{text-align:center;line-height:60px;}                    .button{background-color:OrangeRed;width:250px;height:30px;border:0;}</style>

必要な機能を実現するにはどうすればよいですか? ?

ディスカッションに返信 (解決策)

 .msg{color:red; font-size:1pt; text-align:center; display:block;}

 .msg{color:red; font-size:1pt; text-align:center; display:block;}

あなたが言ったのは、45a2772a6b6107b401db3c9b82c049c2 を中央に配置することです。私が望むのは、赤いプロンプトと入力ボックスを左揃えにすることです。

 .msg{color:red; font-size:1pt; text-align:center; display:block;}

あなたが言ったことは、8aecfbb4d1cca1904c84be6f522dfc4f = "msg" > ="ユーザー名">

同じになりたいなら、一緒にいなければなりません



設定できますフォームの幅。これらをブロックとして表示すると、レイアウトが非常にシンプルになります