如何對齊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; }