我试图集中显示我的页脚的内容,但它似乎没有工作。有没有人有什么建议?提前谢谢。
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;
答案 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;
}