中央显示页脚内容

时间:2018-05-15 02:32:19

标签: css css3

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



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;
}

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

2 个答案:

答案 0 :(得分:0)

我注意到你错误地拼写了'背景'拼写为'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;
}

答案 1 :(得分:0)

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

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;
}