2

ナビゲーションを次のようにします。

<icon>       <icon>       <icon>
Title     Longer Title    Title

理想的には、コードを次のようにしたいと考えています。

<li>
    <img src="images/icon.png" />
    <a class="link_title">Title 1</a>
</li>
<li>
    <img src="images/icon.png"/>
    <a class="link_title">Title 2</a>
</li>
<li>
    <img src="images/icon.png"/>
    <a class="link_title">Title 3</a>
</li>

すでに水平になっていますが、リンクをアイコンのすぐ下に表示する方法がわかりません。表を使用せずに、やりたくないのです。（必要に応じてお知らせください。）

4

2 に答える 2

3 
li { text-align:center; }
li a.link_title { display:block; }

<a>また、タグを. で閉じています</span>。これは修正する必要があります:

<a class="link_title">Some Text</a>
于 2010-01-18T21:59:29.050 に答える
0

これを試して：

li {
float:left;
text-align:center;
}

li a {
display:block;  
}

li img {
margin:0 auto;  
}
于 2010-01-18T21:59:09.967 に答える