每张卡都是弹性布局(flex-direction:column)。如何跨卡片水平对齐内容?

时间:2017-06-19 18:28:51

标签: css layout flexbox

我有一排排卡片。每张卡都是

 display: flex;
 flex-direction: column;

行也是flex布局,因为:

display: flex;
align-items: stretch;
flex-wrap: wrap;
justify-content: space-between;

这样所有牌都有相同的高度。

问题是如何在不同卡片上水平对齐内容。如果内容高度(有效),则会自然发生,但如果内容的高度不同,则事情不会排列。

enter image description here

有没有办法(没有设置高度)水平对齐内容?

这个plunker演示了这个问题。全屏打开以查看打开的一排卡片。理想情况下,“摘要”标题都是水平对齐的。 http://plnkr.co/edit/zv6qBu0DfpK1Zq7Oe58M?p=preview

由于

0 个答案:

没有答案