CSS:在多行中居中和对齐具有不同高度的元素

时间:2017-07-08 12:03:10

标签: html css css-float centering

我现在正在寻找年龄,但我找不到解决方案...所以希望你们能给我一个提示吗? : - )

我有未知数量的元素(div或li),内容数量不详。 这些元素我想要居中,如果我有多行元素。如果元素的高度不同(因为内容量不同),则元素需要在每行的顶部垂直对齐。

我创建了一个图片,以便更清楚地了解我的需要以及我能够实现的目标Please click here

所以我的第一个方法是:
使div显示为“inline-block” 但是这样我就不会让它们与顶部对齐。

第二次尝试是:
将div设置为float,然后以某种方式将它们居中。 因此我已经在这里发现了很多想法。 但是只要我有一行元素,它们似乎都有效。如果有两行或更多行,则定心消失。

我发现并尝试过:
- Centering multiline floated elements
- How to center multiple divs inside a container in CSS
- How do I center float elements?
- http://upshots.org/css/css-horizontally-center-a-row-of-floated-elements(可能与我需要的最接近,但只能在一行中使用已知数量的元素) - 以及类似方向的更多......

有什么想法吗? :-)
非常感谢提前!

干杯,
曼努埃尔

0 个答案:

没有答案