1

リンクを特定のピクセル数の場所に配置するのではなく、画面の中央に配置したかったのです。

これが私のコードです：

CSS:

.HorizLinks  {
    position: absolute; 
    top: 77px; 
    left: 180px;
}
.HorizLinks ul { 
    margin: 0px; 
}
.HorizLinks li {
    margin: 0px 15px 0px 0px;
    list-style-type: none;
    display: inline;
}

これはWeb ページのHTMLです。

<div id="container"></div>
<div id="header"></div>
<div class="HorizLinks">
<ul>
<li><a href="http://www.website.com">Header Link 1</a></li>
<li><a href="http://www.website.com">Header Link 2</a></li>
</ul>
</div>
4

1 に答える 1

1

で使用text-align:centerします<div class="HorizLinks">。また、ul要素のパディングを に設定します0。

コンテナ div の絶対配置により、div 全体がページの右側に押し出されているため、それを削除しない限り、内部のコンテンツが中央に配置されることはありません。

ここでjsFiddle。

CSS:

.HorizLinks  {
  text-align:center;
}

.HorizLinks ul { 
  margin: 0; 
  padding:0;
}

.HorizLinks li {
  margin: 0 15px 0 0;
  list-style-type: none;
  display: inline;
}
于 2013-05-04T19:24:19.267 に答える