Question

这是我的HTML代码，我很难将电子邮件集中在页面底部。那么无论屏幕大小如何，我如何将页脚文本居中在页面底部

    <body>
        <div class = 'container' >
                <header> ****** Illustration</header>





        </div>

        <!-- Sign and date the page, it's only polite! -->
        <footer> <a href="mailto:*******@cmail.carleton.ca">
    *******@cmail.carleton.ca</a></footer>

    </body>

这是我的css代码，我尝试将页脚居中放在页面的中心底部，但每次使用不同的屏幕大小时文本的位置都会发生变化，我该怎样才能避免这个问题？

 <!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->

.container {
    width : 900px;
    margin : 0 auto;
  }

 body {
    background :    url('images/black_background.jpg');
    width: 100%;
    height: 100%;
    possition: absolute;
    top: 0;
    left: 0:
    z-index: -5000;
    overflow-x:hidden


    }

header{
    min-width:  900px;
    height: 90px;
    background: url('images/header.jpg') 0 0 no-repeat;
    padding: 20px 0 0 0;
    color:  white;
    position: relative;
    right: -85x;
    color:          white;
    font-size:      3em;
    font-family:    Lucida Handwriting;


    }

nav{
    width:  900px;
    height: 40px;
    margin: 0 auto;
    color:  white;
    background: url();
    position: relative;
    right: 250px;
    top: -40px;
    height: 90px;
    min-width: 900px;

    }

/*#content{
    width: 900px;
    height: 650px;
    position: relative;
    left:   -45px;
    background:url('images/himba_tribes.jpg');

    }
    */

footer{
     position:absolute;
    bottom:-40;
    width:100%;
    height:60px;   /* Height of the footer */
    background:#6cf;
    border: 4px solid orange;
    clear: both;

    }

Answer 1

如果要将链接水平居中，请在页脚上使用text-align: center;。如果您想让它贴在窗口的底部，请使用Sticky Footer！

Answer 2

试试这个：使页脚成为div：
<div id="footer">your@email</div>

CSS应该是：
#footer { clear: both; margin: 0 auto; text-align: center}

无论屏幕大小如何，我如何将页脚文本置于页面底部

2 个答案: