Question

我尝试过很多东西，包括使用中心文字标签（在CSS中）和黄色铅笔插件试图在这个网站上居中徽标：

通过黄色铅笔我可以将它放在台式机和ipad上，但当它下载到智能手机设备时，徽标就会消失。以此徽标为中心的最佳方式是什么？

Ĵ

修改的

我尝试将此CSS应用于徽标：

display: block;
margin-left: auto;
margin-right: auto;

Answer 1

您需要对以下CSS选择器进行更改：

#header_wrap #header_border #header #header_container {
    display: block;
    width: 100%;
}

#header_wrap #header_border #header #header_container #logo {
    display: block;
    white-space: nowrap;
    margin: 0 auto;
    text-align: center;
}

#header_wrap #header_border #header #header_container #logo a {
    text-decoration: none;
    display: block;
    float: none;
}

#header_wrap #header_border #header #header_container #menu_wrap {
    display: block;
    vertical-align: middle;
    text-align: center;
    position: relative;
    top: -20px;
}

#menu_wrap #menu_container > div > ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

ul#menu-main-menu {
    width: 684px;
    left: 0px;
    position: static;
}

应该适合你。见screenshot。如果它不适合你，请告诉我。

Answer 2

您无法居中徽标的原因是因为菜单div带有ID＆＃34; menu-wrap＆＃34;在它上方占据一个巨大的空白区域，因此您无法将徽标移动到此空间。您需要以不同的方式设置菜单样式。

不能中心标题标志 - wordpress

2 个答案: