0

ページ全体を中央に配置するにはどうすればよいですか? object.css.css ファイルを追加してみました:

#content {
  width: 700px ;
  margin-left: auto ;
  margin-right: auto ;

}

しかし、それは役に立ちませんでした。私も試しました：

.field
{
  margin:auto;
  width:70%;

}

しかし、それにはh1要素が含まれていませんでした

ありがとう。編集: http://imgur.com/2fzfJ

4

3 に答える 3

2

これは実際には Ruby on Rails に関する質問ではなく、HTML/CSS に関する質問です。スタイルシートには次のようなものが含まれている必要があります。

body {
    text-align: center;
}

もちろん、レイアウトに含まれるその他のコンテンツには、他の効果があります。

于 2012-05-14T20:06:36.413 に答える
1

コンテンツを中央に配置するには、最初にページを div でラップし、次にそのラッパー div 内で #content を中央に配置します。

CSS は次のようになります。

 #wrapper {
      width: 100%;
      height: auto;
 }
 #content {
      margin: 0 auto;
      width: 700px;
 }

あなたのhtmlは次のようになります：

 <div id="wrapper">
     <div id="content">
        Content Stuffs
     </div>
 </div>
于 2012-05-14T20:16:26.853 に答える
1

使用するページの要素を中央に配置しmargin:0 auto;、幅を設定しますが、使用する要素内のテキストを中央に配置するにはtext-align:center;

于 2012-05-14T20:02:13.833 に答える