c# - 使用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 标准兼容。

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