使用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