Question

我搜索了一下安静，发现我测试了很多css但是边距：0自动;没有工作和。我不能让我的页脚留在中心，也在底部。我可以把它放到最底层，我可以让它居中但不是两者兼而有之。

这是HTML

<div align="center">    
    <table class="copyrightbar">    
        <tr>
            <td class="noborder">
                <img  class="ledge" src="images\lefthalfcircle.png">
            </td>
            <td class="noborder" >
            <img class="copyrightimg" src="images\copyright.png">
            </td>
            <td class="noborder">
                <img class="redge" src="images\righthalfcircle.png">
            </td>
        </tr>
    </table>
</div>

这是CSS

.copyrightbar
{
   border-collapse: collapse;
   border: 0px;
   padding: 0px;
   float: left;
   position: fixed;
   bottom: 10px;
   display:block;
}

我不确定为什么它不会保持中心或我做错了什么。现在，瘦身设置为仅保持在底部。

Answer 1

试试这个jsfiddle

我知道图片实际上并没有显示，但应该按照您的要求显示。

HTML：

<div class="wrapper">    
    <table class="copyrightbar">    
        <tr>
            <td class="noborder">
                <img  class="ledge" src="images\lefthalfcircle.png">
            </td>
            <td class="noborder" >
                <img class="copyrightimg" src="images\copyright.png">
            </td>
            <td class="noborder">
                <img class="redge" src="images\righthalfcircle.png">
            </td>
        </tr>
    </table>
</div>

CSS：

.wrapper {
    position: fixed;
    bottom: 10px;
    width: 100%;
}    

.copyrightbar {
   margin: 0 auto;
   border-collapse: collapse;
   border: 0px;
   padding: 0px;
}

Answer 2

使用float：left是什么意思？如果你想让它居中，那么将整个元素向左浮动是没有用的，因为它与你想要的完全相反。

但是，如果你想保留它，那么你的包装器div应该被赋予一个id，让我们说id =“footer”然后使用这个css

#footer {
    width:400px (not sure if that is too wide or not, you can play around with it until it is the right width)
    margin: 0 auto;
}

Answer 3

将类或ID添加到包装器div。然后使用CSS将它放在底部，使用`position：fixed'。

然后在桌面上设置宽度（通过CSS）并使用上面提到的margin: 0 auto声明。（哦，从表中删除position: fixed）

Answer 4

可能是因为你的CSS文件有{float：left; }？

我无法让页脚保持居中

4 个答案: