2

ナビゲーション用に DIV の行があり、CSS のみを使用してアンカーを含む画像を垂直方向に中央揃えしようとしています。vertical-align: middle; を試してみました。しかし、それは機能していません。すべての画像が左側にプッシュされるため、float:left に関係していると確信していますが、それを取り出すと div が狂ってしまいます。

HTML

<div class="linkgroup">
        <img src="images/homeIcon.png">
        <li class="navItem"><a href="somelink.com" class="navLink">HOME</a></li>
    </div>
</ul>

CSS

.linkgroup{
    float: left;
    height:5px;
    }
4

1 に答える 1

3

アンカー要素を保持するために li を使用している理由がわかりません。質問から、李についての言及はありません。したがって、1 つの画像と 1 つのアンカーだけが必要であると仮定します。これをチェックしてください：

http://jsfiddle.net/U64Tg/2/

基本的に、コンテナ div の高さを 100% にするヘルパーが必要です。そして、あなたは使用する必要があります

vertical-align: middle;
display: inline-block;

コンテナー div 内のすべての子要素で、それらを垂直方向に整列させます。

于 2013-05-27T04:34:16.650 に答える