1

CSSでDiv要素を中央揃えにしたい。見つけたものはすべて試しました。何も機能していないようですか？CSS を W3C のバリデーターでチェックしました。エラーなし。私は無知です。これは私の最近の試みです。

body {
   background: url(loginbg.jpg) no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

input[type="text"], input[type="password"] {
    float: left; 
    width: 230px; 
    padding: 15px 5px 5px 5px; 
    margin-top: 5px; 
    margin-left: 3px; 
    border: 1px solid #999999;  
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;     
}


#submit_img, #sumbit_button {
   cursor: pointer;
   margin:0 auto;
}

#loginarea {
   margin:0 auto;
}

MY HTML コード:

<head>
<link rel="stylesheet" type"text/css" href="login.css">
<title>
Login
</title>
</head>
<body>
<div id="loginarea" class="loginarea">
<div id="username_box">
<input type="text" id="username" value="Username">
</div> <div id="password_box">
<br><br><br><br>
<input type="password" id="password" value="Password">
</div>
    <br><br><bR>
    <button id="sumbit_button" style="border: 0; background: transparent;">
        <img src="loginbutton.png" width="150" height: "50" id="sumbit_img">
     </button>
    <br>
 </div>
<div id="footer" class="footer">
    Copyright 2013 company name| CraftManager 1.2 | Credits
    </div>
</body>
</html>

センタリングを妨げているのはフッターですか？

現在のステータス：

div に幅を設定し、余白を「中央に配置」しました。真の中心ではありませんが、違いはあります。

4

5 に答える 5

0

以前にこれを行ったことがありますが、コードは便利ではないため、グーグルで検索しました。 http://www.dzone.com/snippets/dead-centre-divが役立つ場合があります。

css で左から 50%、上から 50% を実行すると、なぜそうしないのかわかりません。

垂直方向と水平方向の両方の中央に配置することに興味がありますか?

それが私が興味を持っていたことであり、私自身の結果と成功率はdivのサイズにも依存していました.

于 2013-05-12T04:04:59.653 に答える
0

loginarea div が閉じられていないようです。再確認してください。

于 2013-05-12T18:06:07.570 に答える