css - フロート要素を全幅divの中央に配置

Question

私は製品カタログページで作業しており、画像のグループを中央に配置する必要がありますが、画像はすべて幅100％のdivにフロートされているため、中央に配置する方法はまだ見つかりません。

フローティングプロパティの柔軟性を失うことなく、これらの画像を水平方向に中央揃えにする方法を探しています。

ウェブサイトのカタログへのリンクは次のとおりです：http：//internetvolk.de/katalog/

score 3 · Accepted Answer

display: inline-block;フローティングの代わりにiを使用text-align: centerして、親コンテナに追加してみてください）

score 2 · Accepted Answer

次のルールで拡張します。

#katalog {
    text-align: center;
}

と

.imageLink {
    /** float: left; <-- REMOVE! */
    display: inline-block;
}

score 0 · Accepted Answer

#katalog {
    margin: 10px auto 0;
    overflow-y: hidden;
    max-width: 940px;
    min-width: 810px;
}

を使用max-heightしmin-heightて柔軟性を維持するために、をmax-width追加してすべての画面の中央に配置するように定義していますmargin: 0 auto;

score 0 · Accepted Answer

#katalogに幅を指定する場合は、画像の数とその余白からこれを計算します。例えば

#katalog{
width: 960px; /*just an example*/
margin: 0 auto;
}

4 に答える 4