0

我的网站中有以下 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 回答
0

像这样的东西，但如果你举个小提琴的例子就可以了

#logo_and_search {
width:100%;
}

#logo {
display: block;
margin: 0 auto;
}
于 2013-10-24T11:05:37.327 回答
0 
#logo {
    display: block;
    width:136px; /* the same as the logo*/
    margin: 0 auto;
}
于 2013-10-24T11:09:20.577 回答