将项目放在两列中的最佳方法是什么，每列都有display:flex？我遇到的问题是，当文本包装下面的所有内容时，它会移动不对齐。我相当肯定如果我只使用一个网格就不会发生这种情况，我可以选择绝对地定位文本 - 但是有更好的做法吗？我看这个完全错了吗？
-------------------- --------------------
image image
a header a header
that wraps at this
size
some content
content that doesn't
line up any more
使用空间/空间和使用flex-grow进行对齐并不能获得所需的效果，因为文本换行时每列中的可用空间不同。
我想我可以justify:flex-start;，然后设置每个项目的margin-top以留出足够的空间？
这是问题的代码。对不起，如果它很明显，我对这一切都很陌生并尝试过！
答案 0 :(得分：0)
如果我理解你的问题是正确的，那么你想要对齐＆＃39;一旦包裹，标题和内容。
为此，您可以将text-align中心设置为<p>和<h2>，如果您希望在特定限制之后进行换行，也可以指定宽度。
.icon-card > p,
.icon-card > h2 {
text-align: center;
width: 300px; /* Optional */
}
希望这有帮助。