33

このページの (div 下部コンテナー内の) ニューススライダーを中央に配置しようとしています。

http://www.luukratief-design.nl/dump/parallax/index.html

私は既に持っていますtext-align: center;

それでもうまくいきません。

助言がありますか？

4

10 に答える 10

73

要素自体ではなく、要素のインライン コンテンツtext-align: center;のみを中央に配置します。

ブロック要素(a divis) の場合は を設定する必要があります。インライン要素margin: 0 auto;の場合は、代わりに親要素にを設定する必要があります。text-align: center;

はmargin: 0 auto;上下の余白を に0、左右の余白をauto(同じサイズの) に設定し、自動的に中央に配置されるようにします。これは、問題のブロック要素が既知のwidth(固定または相対のいずれか) を持っている場合にのみ機能します。

于 2010-02-17T13:47:30.217 に答える
6

ブロック要素を中央揃えするために text-align を使用しないでください。(IE6 を除きますが、これはバグです)

ブロックの幅を修正してから、 margin: 0 auto; を使用する必要があります。

#block
{
   width: 200px;
   border: 1px solid red;
   margin: 0 auto;
}

と

<div id="#block">Some text... Lorem ipsum</div>
于 2010-02-17T13:49:43.820 に答える
4

一方通行 ：

<div align="center">you content</div>

もっといい方法：

<div id="myDiv">you content</div>

myDIVのCSS：

#myDiv{
margin:0px auto;
}
于 2010-02-17T15:40:35.537 に答える
2

提供された幅が設定され、適切なDOCTYPEを配置します。

これを試して：

 Margin-left: auto;
 Margin-right: auto;

お役に立てれば

于 2012-09-18T21:00:00.387 に答える
1

text-align: centerコンテナ、display: inline-blockラッパーdiv、およびコンテンツdivを使用display: inlineして、ブラウザ間で幅が定義されていないコンテンツを水平方向に中央揃えにします。

    <!doctype html>
    <html lang="en">
    <head>
      <style type="text/css">

    /* Use inline-block for the wrapper */
    .wrapper { display: inline-block; }

    .content { display:inline; }

    .container { text-align:center; }

    /*Media query for IE7 and under*/

    @media,
      {
      .wrapper { display:inline; }
      }
        </style>

        <title>Horizontal Centering Test</title>
    </head>

    <body>

      <div class="container">
        <div class="content">
            <div class="wrapper">
              test text
            </div>
        </div>
      </div>
    </body>
    </html>
于 2012-06-20T19:08:12.303 に答える
1

追加

margin:auto;
于 2010-02-17T13:46:57.927 に答える
1

私はいつも使っています

<div align="center">Some contents......</div>
于 2010-02-17T18:00:04.463 に答える
0

これをスタイルに追加してみてください。

margin-left: auto;
于 2010-02-17T13:47:47.767 に答える
-3

1 行 3 列のテーブルを作成し、左右の幅を 100% に設定すると、中央の幅が自動的に中央に配置されます。

于 2010-02-17T13:48:42.040 に答える