0

Web サイトに次の Html マークアップがあります。

<div id="header">
    <div class="flyoutMenuButtons visible-phone">
        <a href="#navigation" class="open-menu"><i class="icon-reorder icon-3x"></i></a>
        <a href="#" class="close-menu"><i class="icon-reorder icon-3x"></i></a>
    </div>
    <div id="logo_and_search">
        <a id="logo" href="/" title="abc">
            <img src="abc.png" height="40" width="136">
        </a>                  
    </div>
</div>

すべてのデバイス幅でロゴを中央に表示したいと考えています。デスクトップとタブレット以外のすべてのデバイスで「#logo」要素を中央に表示するには、どのスタイルを適用すればよいですか?

4

3 に答える 3

1

次のように使用します。

a#logo{
display: block;
text-align: center;
}
a#logo img{
display: inline-block;
}
于 2013-10-24T11:07:14.273 に答える