Question

我试图集中显示我的页脚的内容，但它似乎没有工作。有没有人有什么建议？提前谢谢。

＆＃13;

footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    height:50px;
    color:whitesmoke;
    text-align:center;
    line-height:50px;
    ackground-color:#76323f;
    display:flex;
    align-items:center;
    justify-content:center;
}

＆＃13;

<footer>
     Melbourne Public Library Catalogue Site: STAFF ONLY
     <img id ="html" src="Images/HTML5.png" class ="html"/>
     © 2018
</footer>

＆＃13;

Answer 1

我注意到你错误地拼写了'背景'拼写为'ackground'字样，这样可以防止背景颜色变暗，因此白色文字没有显示，看起来就像页脚没有显示。这是固定的css块。这应该解决问题，页脚内容居中。如果有帮助，请告诉我。

footer{
  position: fixed;
  bottom: 0;
  width: 100%;
  height:50px;
  color:whitesmoke;
  text-align:center;
  line-height:50px;
  background-color:#76323f;
  display:flex;
  align-items:center;
  justify-content:center;
}

Answer 2

我认为这对你有用。试试这个：

footer {
    position: fixed;
    margin: auto;
    bottom: 0;
    width: 100%;
    height: 50px;
    color: whitesmoke;
    text-align: center;
    line-height: 50px;
    background-color: #76323f;
    display: flex;
    align-items: center;
    justify-content: center;
}

中央显示页脚内容

2 个答案: