使用css的圖像按鈕位置

Question

我需要格式化div 800x800中的圖像按鈕以使這些組件@Photo附加。 我只能使用css類，也許有人得到很好的教程來做到這一點，或只是幫助我。

按鈕需要在清晰的線條，我做這個匆忙。

Answer 1

我會用一個框架來做到這一點，因此不必從頭開始創建。一個很好的例子是Twitter Bootstrap，它具有很好的腳手架功能。但是，如果你寧願自己做，你應該創建一個大小一類你喜歡的話，例如200x200px，然後創建抵消你把這個類，像類：

.wrapper { 
    width: 800px; 
    height: 800px; 
} 

.row { 
    display: block; 
} 

.box { 
    width: 200px; 
    height: 200px; 
    margin: 10px; 
    background: #000000; 
} 

.offset1 { 
    margin-left: 210px; 
} 

.offset2 { 
    margin-left: 420px; 
}​ 

和等等。

這是我上的jsfiddle製備的工作例如： http://jsfiddle.net/WUZnW/2/

然而，使用引導，已經有這個功能，會被告知，因爲你將有一個專門的社區支持您糾正任何錯誤可能存在在代碼中以及確保它將與未來的Web標準兼容。

鏈接引導的腳手架功能：對於這種設計 http://twitter.github.com/bootstrap/scaffolding.html