Php 如何使WordPress上的页脚在移动设备上居中对齐，但在桌面和平板电脑视图上对齐一行

我试图使我的页脚在桌面上的一行，并在移动中心。但是，在手机上，页脚上的图片是左对齐的，而不是居中。我想知道如何解决这个问题的任何提示。 以下是我目前拥有的网站代码：

---

软管似乎没什么变化。任何提示都非常感谢

以下是我在访问您的网站时在浏览器中运行的一些调整

对于桌面CSS：

.nonprofit {
    font-weight: bold;
    font-size: 15px;
    color: white;
    /* padding-left: 200px; */ // remove this
    display: block;
    align: right;
    float: left; // Keep this in there
    width: 50%; // Do this instead of width 100%
}

对于您的移动CSS：

@media only screen and (max-width: 768px)
.nonprofit {
    font-weight: bold;
    font-size: 15px;
    color: white;
    display: inline;
    padding: 10px;
    /* float: left; */ // remove this
    width: 100%; // add this
}

---

这是一个标签。简单的

文本对齐：在父对象上居中对齐。无浮动、无填充，最明确的是无显示：内联。父对象必须是
block
。如果您要在CSS中使用大量自定义样式，我强烈建议您不要使用浮动。看看Flexbox。它的创建是因为在制作所谓的“上帝布局”时，浮点数是多么糟糕。谢谢你的回答！这帮了大忙，我想知道你是否可以在桌面版本中将文本和徽标保持在同一行，并切换到你所拥有的版本mobile@mike我已经对这两个片段进行了编辑。我把浮子放回左侧，使其宽度为50%。试过之后，我想它会满足你的需求。