css - 在全角 div 中居中浮动元素

Question

我正在处理产品目录页面，图像组需要居中，但我还没有找到这样做的方法，因为它们都浮动在宽度为 100% 的 div 中。

我正在寻找一种将这些图像水平居中而不失去其浮动属性的灵活性的方法。

这是网站上目录的链接：http: //internetvolk.de/katalog/

score 3 · Accepted Answer

3

尝试使用display: inline-block;i 而不是浮动并添加text-align: center到其父容器）

于 2012-04-24T21:12:56.117 回答

score 2 · Accepted Answer

使用以下规则进行扩充：

#katalog {
    text-align: center;
}

和

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

score 0 · Accepted Answer

如果你给#katalog 一个宽度——根据图像的数量和它们的边距来计算。例如

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

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;

4 回答 4