如何对齐CSS表格

Question

我似乎无法使页面的绝对中心与顶部和底部边距为25px的页面对齐。我已经改变并添加了诸如保留余量等10％;但它只是改变图片的间距，而不是将整个文档作为一个整体移动。

这里的的jsfiddle：http://jsfiddle.net/eeEFh/3/embedded/result/

此处，我改变了CSS：

.box{ 
    width: 175px; 
    height: 175px; 
    background: url('http://placekitten.com/250/200'); 
    float: left; 
    overflow: hidden; 
    margin-right: 15px; 
    margin-bottom: 15px; 
    border: 1px solid #000; 
    box-shadow: 0px 0px 15px 0px #666, 
       0px 5px 15px 0px #000; 
} 

Answer 1

我认为你正试图居中.container，不.box

试试这个：

.container { 
font-family: Arial; 
position: relative; 
margin: auto; 
width: 780px; 
} 

Answer 2

我看到了这个e在你的CSS上的错误。你应该解决这些也 .cover .btn {background: none repeat scroll 0 0 #0099CC;border-radius: 0.25em 0.25em 0.25em 0.25em;float: left;margin: 0.5em;padding: 0.5em 1em;}

.box .cover .intro {float: left;font-size: 10pt;height: 4.8em;line-height: 1.2em;overflow: hidden;position: relative;width: 160px; }