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

但是，建议使用已具有此功能的bootstrap，因为您将拥有一个专门的社区来纠正代码中可能存在的任何错误，并确保即使在未来的网络中它也能兼容标准。

链接到bootstrap的脚手架功能： http://twitter.github.com/bootstrap/scaffolding.html