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 .