2

私の結果：http ： //i.imgur.com/P50RS.png私のstyle.css

body {
background: url("img/bgs.png") repeat #cccccc;
color: #000000;
}


main {
margin-left: auto;
margin-right: auto;
}

私のindex.html

<html>
<head>
<title>Progress</title>
<link rel="stylesheet" href="css3-progress-bar.css" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link type="text/css" href="style.css" rel="stylesheet" />
</head>

<body>


<div id="main">
<p><b>215/160 LBS.</b></p>
<div class="bar_mortice rounded green_mortice">
      <div class="progress rounded green" style="width: 05%;"></div>
    </div>
</div>


</body>

</html>

テキストが中央に配置されないのはなぜですか？また、プログレスバーは、追加するまで中央に配置されませんでした。

margin: 0 auto;

私はメインの下でそれを試しましたが、運がありませんでした。何か案は？

4

1 に答える 1

5

#maincssでは、だけでなくを使用する必要がありますmain。

また、ある程度の幅を指定することをお勧めします。そうしないと、幅全体を占める可能性があります。これを試して：

#main {
margin-left: auto;
margin-right: auto;
width: 50%;
}
于 2013-01-12T19:16:42.653 に答える