0

<body>これは奇妙に聞こえるかもしれませんが、タグ内の要素を中央に配置できないというこの問題に遭遇しました。すでに使用していますmargin: 0px auto;が、まだ何も機能しません。jqueryを使って作る方法はありますか？ありがとう

これは私の .css ファイルの私のコードです

body {
margin: 0px auto !important;
background:#FFFFFF;
font-family:Arial;
font-size:12px;
}
4

5 に答える 5

1

margin: 0px auto;中心にしたい要素にセットします。

例：

  body{
      width: 100%;
  }

  .aDiv {
     width: 200px;
     height: 200px;
     margin: 0 auto;
  }

デモを見る

編集：

OPが彼のコメントで述べたように、それは;

彼は体の中にすべての要素を集中させたいと思っています。

だから私はmargin: 0px auto;あなたが中心にしたいすべての要素に設定することをお勧めします。

例を見る

于 2012-08-02T08:21:12.920 に答える
1

自動マージンの設定は機能しますが、機能するにはその要素を修正する必要があります。

<your-element>{
   width:200px;
   margin:0 auto;    
}​

複数の要素を中央に配置する場合は、それらすべてに幅とマージンを設定するか、よりきれいにすることができます。中央に配置するすべての要素を保持するラッパー要素を導入し、その要素の幅とマージンを宣言します。これには、幅を 1 回宣言するだけで済み、後で簡単に変更できるという利点があります。

于 2012-08-02T08:16:48.523 に答える
0

CSSを使用するだけでコンテンツを中央に配置できるはずです。

 body{text-align:center;}

ただし、効果がない場合は、子要素のいずれかの側にパディングを使用して、中央に配置されるようにしてください。

 body{text-align:center; padding-left:20%; padding-right:20%;}

それでも問題が解決しない場合は、中央に配置しようとしている要素がposition：relativeに設定されていないことを確認してください。またはposition：absolute;

于 2012-08-02T08:28:01.357 に答える
0

親の内側にdivを作成<body>し、特定の幅を指定してから、左右の自動マージンを指定して中央に配置することができます。

例えば;

.test{
    background: #06C;
    margin-left: auto;
    margin-right: auto;
    height: 100px;
    width: 80%; /* or you may give it in px like 100px */
}

これがライブデモです

于 2012-08-02T08:29:07.490 に答える
0

かなり単純です。

body {
 text-align:center; /* ie */}
div#website_container {
 width:960px;
 margin:0 auto; /* others */
 text-align:left;}

次に、 div 内でサイトの作成を開始しますwebsite_container。

于 2012-08-02T08:50:14.613 に答える