均等割付？について。
-
0 名前： たくみ ： 2005/12/15 12:09
- 均等割付？について質問です。
<div style="width:600px;">
<a href="1.html">1ページ目</a>
<a href="2.html">2ページ目</a>
<a href="index.html">トップページへ</a>
</div>
IE6でこのような横長のリンクメニューなのですが
アンカーテキストの均等割付ではなく、
｜ 1ページ目 2ページ目 トップページへ ｜
このような見た目の、アンカーテキスト間が均等になるようにするには
どうしたらいいのでしょうか？text-justify:inter-wordなるものが
よさそうだったのですがだめでした、、、
マージンを細かく調整するしかないのでしょうか？
アンカーテキストの量が変わるたびにマージンを調整するものなのでしょうか。
説明が下手で申し訳ありません、どうぞよろしくお願いします。
-
1 名前： Le ple do ： 2005/12/15 12:09 ［URL］
- ~~~
<ul class="menu">
<li><a href="1.html">1ページ目</a></li>
<li><a href="2.html">2ページ目</a></li>
<li><a href="./">トップページへ</a></li>
</ul>
~~~
ul.menu {
width: 600px;
text-align: center;
}
ul.menu li {
display: inline;
list-style: none;
}
といった方法もあります。
（li要素をinline表示させているので、あまりスマートではありませんが……）
-
2 名前： たくみ ： 2005/12/15 12:09
- Le ple do様ご返答ありがとうございます。
早速ためしてみたのですが、アンカーテキスト間に自動でスペースが
入るわけではないですね..
なにか間違っているのでしょうか
ですがセンタリングしてからマージンを設定したほうが整えやすいのは発見でした。
ありがとうございました。
