Question

在移动设备上，它看起来很好，正如预期的那样。但是，尽管我同时使用<center>和text-align: center;

，但是底部的页脚没有居中并向右推

https://4qluxigz.apps.lair.io/这是链接（由Source Lair托管，这是奇怪链接的含义）。

任何帮助都会受到赞赏，因为它可能是因为我做错了！

编辑：页脚部分

<div class="footer">
        <div class="inFooter">
            <center>
            <p class="copy">
            © 2016 Joey Yelkich. All rights reserved
        </p>
            </center>
        </div>
    </div>

.footer {
background-color: #EEEEEE;
text-align: center;
color: white;
display: block;
text-align: center;

}

.copy {
    color: #000;
word-spacing: 2px;
display: inline-block;
    height: 100%;
padding: 4px 25px 4px 20px;
background: #fff;
text-align: center;
margin-right: auto;
margin-left: auto;

}

Answer 1

只需在clear: both上添加.footer即可，这适用于桌面版和移动版。像：

.footer {
  clear: both;
}

希望这有帮助！

我的页脚没有居中，向右推

1 个答案: