Html 移动设备中的对齐问题（响应）

通过使用浏览器中的inspect element选项，我确定了需要更新哪些代码才能将徽标放置在中间。我添加了text align:center，效果很好，所以我在源代码中更新了相同的代码以反映相同的结果。但是，在添加源代码后，它不会得到更新，同时在通过inspect元素选项添加时工作正常。请帮助我如何做到这一点

下面添加了CSS代码供您参考

@media (max-width: 959px)
.menu-container .logo-container {
    text-align: center;
    position: relative;
    padding: 27px 36px 27px 36px !important;
}

---

您的CSS代码似乎无效。应该是这样的:

@media (max-width: 959px) {
    .menu-container .logo-container {
        text-align: center;
        position: relative;
        padding: 27px 36px 27px 36px !important;
    }
}

---

如果这不起作用，请尝试清除浏览器缓存。

您有一个类，它可以正常工作：

@media (max-width: 959px) and (min-width: 768px)
.menu-container .logo-container {
    text-align: center !important;
    float: none !important;
    position: relative !important;
    padding: 27px 36px 27px 36px !important;
}

只需删除

和（最小宽度：768px）

，即可获得结果

所以它应该是这样的（或多或少您只需要添加

float:none！重要；

）：

---

heyy使用htmlI添加您的完整代码我认为该代码被在此代码之后编写的一些代码覆盖。请尝试再次检查并查看正在应用的代码。请连接站点链接@M4N0您试图在什么中间设置徽标？我已删除了构造样式表，但它不起作用。请确保您查看的网站的视口宽度低于959px，并且清除浏览器缓存。否则，可能是错误的选择器（不是

.menu container.logo container

）或特殊性问题，您可以尝试通过添加`！重要提示：`after

文本对齐：居中。
@media (max-width: 959px)
    .menu-container .logo-container {
        text-align: center !important;
        float: none !important;
        position: relative !important;
        padding: 27px 36px 27px 36px !important;
    }