我现在正在寻找年龄,但我找不到解决方案...所以希望你们能给我一个提示吗? : - )
我有未知数量的元素(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(可能与我需要的最接近,但只能在一行中使用已知数量的元素)
- 以及类似方向的更多......
有什么想法吗? :-)
非常感谢提前!
干杯,
曼努埃尔