html - div 内で画像ギャラリーを整列するにはどうすればよいですか?

Question

これがちょっとした質問で申し訳ありませんが、私の人生では、このライトボックスギャラリーを「コンテンツ」div の中央に並べることができません。

私はそのようなばかげた質問をすることを恥じていますが、正直なところ、私はすべてを試しました。各行の最後の画像に .last のクラスを与えてから、padding-right と margin-right で遊んでみましたが、効果がないようです。

score 1 · Accepted Answer

コンテンツdivにtext-align：centerを指定します。各行の最後の画像にマージンを与えます-右に0を指定します。そうしないと、右側に余分なスペースができます。

score 1 · Accepted Answer

使用する <div id="content" class="clearfix thumbs" style="text-align: center;">

右側だけでなく両側のギャラリーにあるすべての写真にマージン4を使用します!!。コンテンツdivの水平方向のパディングを削除し、divの幅のパディング領域を調整できます。

score 1 · Accepted Answer

1

text-align: center;contentdivで。

于 2012-09-19T11:22:52.600 に答える

score 0 · Accepted Answer

#content {
     padding: 15px 30px;
     background-color: #F8F8F8;
}

パディングの代わりに、マージンを使用してみてください。

#content {
     margin: auto;
     width: 900px;
     background-color: #F8F8F8;
}

そして、その位置を制御するために幅をいじります。お役に立てれば。

4 に答える 4