1

これらのセット @Photo を添付するには、div 800x800 の画像ボタンをフォーマットする必要があります。私はcssクラスしか使用できません。おそらく、誰かがそれを行うための優れたチュートリアルを入手したか、単に私を助けてくれました。

ボタンは明確な線である必要があります。急いで作成しました。

例

4

1 に答える 1

2

これを行うにはフレームワークを使用するので、最初から作成する必要はありません。良いものは、優れたスキャフォールディング機能を備えたTwitterBootstrapです。ただし、自分で作成する場合は、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

于 2012-08-13T09:57:14.673 に答える