我想在徽标符合媒体屏幕大小(See Photo Here)时将其居中:
我的代码是:
.logo img {
padding: 15px;
width: 125px;
}
<nav>
<ul class='nav-bar'>
<li class='logo'>
<a href="#" style="float: left;"><img src="{{ section.settings.logo | img_url }}"></a>
</li>
<ul>
<nav>
2条答案
按热度按时间wmomyfyw1#
要在屏幕大小满足媒体查询断点时将徽标居中,可以使用CSS Flexbox。下面是一个示例代码:
eimct9ow2#
从锚上移除
float
,然后通过使用text-align: center
将锚点置于包络li(.logo
)的中心: