html - block /内联 block 内的页脚水平对齐

Question

我遇到一个问题，我无法让页脚与看起来不错的居中对齐文本以及相对于侧边栏宽度居中对齐的内容对齐。

我的问题的图像在这里(未对齐):

侧边栏全宽:

侧边栏缩小:

我当前的代码如下:

CSS

#cl-wrapper .cl-footer {
    border-top: 1px solid #131519;
    box-shadow: 0 1px 0 #2A2C31 inset;
    height: 50px;
    display: block;
    width: 100%;
    background-color: #1F2126;
    color: #777;
    position: fixed;
    bottom: 0;
    text-align: center;
}

#cl-wrapper .cl-footer > .row {
    clear: both;
    display: inline-block;
    line-height: 19px;
    margin: auto;
    overflow: hidden;
}

HTML

<div class="container-fluid">
<footer class="cl-footer">
<div class="row">
    <?php echo (ENVIRONMENT === 'development') ? 'Page rendered in <strong>{elapsed_time}</strong> seconds. Using <strong>{memory_usage}</strong> of memory | ' . 'CodeIgniter Version <strong>' . CI_VERSION . '</strong><br />' : '' ?>Copyright &copy; <?=date('Y')?> | Eridian Pty Ltd | All Rights Reserved
</div>
</footer>
</div>

任何帮助将不胜感激。

Answer 1

display: table;
margin: 0 auto;

嘿。也许这会起作用。这就是它的样子 on my page .