HTML – 页脚居中帮助

概述我相信我有一个非常简单的问题.我有一个footer.php,我放在我的主页和所有子页面(为了使它更容易,所以我可以在一个位置更改页脚).我试图让它成为固定宽度的中心,无论浏览器窗口的大小是多少.例如,我希望我的页面宽度为950px,页脚始终位于中心,这样即使我将浏览器调整到尽可能小的范围,它也只是覆盖页脚,而不是使用调整大小的窗口移动它.就像apple.coms页脚一样. 谢谢您的帮助 在你的标记 我相信我有一个非常简单的问题.我有一个footer.PHP,我放在我的主页和所有子页面(为了使它更容易,所以我可以在一个位置更改页脚).我试图让它成为固定宽度的中心,无论浏览器窗口的大小是多少.例如,我希望我的页面宽度为950px,页脚始终位于中心,这样即使我将浏览器调整到尽可能小的范围,它也只是覆盖页脚,而不是使用调整大小的窗口移动它.就像apple.coms页脚一样.

谢谢您的帮助

解决方法 在你的标记中：

<div ID="footer-container">    <div ID="footer">        Footer stuff    </div></div>

在你的CSS中：

#footer-container {    /* centering for IE */    text-align: center;}#footer {    wIDth: 950px;    /* undo text-align on container */    text-align: left;    /* centering for other browsers */    margin: auto;}

编辑：我将此评论放在其他一些解决方案上,但删除了它们,因为我不想复制/粘贴所有这些解决方案.请注意margin：auto在旧版本的IE中不起作用,所以如果你想让页脚在中间对齐,你需要做一些嵌套,就像我在这个中一样.

总结

以上是内存溢出为你收集整理的HTML – 页脚居中帮助全部内容，希望文章能够帮你解决HTML – 页脚居中帮助所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。