2

検索して検索しましたが、問題の解決策が見つからないようです。<div>タグの内容をドキュメントの本文の中央に配置しようとしています。これはモバイルサイトであるため、さまざまなビューポートやデバイスで左右のマージンを等しくする必要があります。

これは私が中心にしようとしているdivです：

<div id="nav">
<a href="http://m.usci.westondev.com/healthcare-certificates-2/">Healthcare/a
<a href="http://m.usci.westondev.com/business-certificates-2/">Business</a><br />
<a href="http://m.usci.westondev.com/wellness-certificates-2/">Wellness</a><br />
<a href="http://m.usci.westondev.com/technology-certificates/">Technology</a><br />
<a href="http://m.usci.westondev.com/legal-certificates/">Legal</a><br />
<a href="http://m.usci.westondev.com/services-certificates-2/">Services</a>
</div>

そして、私がうまくいくと思ったCSSは単純です：

#nav {
margin-right:auto;
margin-left:auto;
display:block;
text-align:center;
width:100%;
}

ただし、これはうまくいきません。このdivは他の多くの<div>タグ内にネストされており、それらすべてにを適用しようとしました{margin-right:auto, margin-left:auto}が、何も機能していないようです。

私が見逃しているものがあるに違いありませんが、私はアイデアがありません。

私が取り組んでいるページは次のとおりです：http： //m.usci.westondev.com

4

2 に答える 2

0

中央に幅を設定しようとしているdivを指定します。すべての親divの幅は100％なので、これも同様になります。

自動は、幅が占有しないLEFTOVERスペースを左右にマージンすることによって機能します。したがって、ナビゲーションに幅=をその内容に与えると、適切に中央に配置されます。

于 2013-02-20T18:39:55.800 に答える
0

Chromeデベロッパーツールなどのツールを使用してデバッグしてみてください。Aタグが含まれているdivの全幅を使用していることがわかります。それらに幅を設定すると、修正する必要があります。

#page-container .page .content #nav a:link {width: 280px;}
于 2013-02-20T18:41:22.627 に答える