css - 具有内容宽度的动态引导卡

Question

根据文本长度动态创建具有固定高度和宽度的引导卡的方法是什么。现在所有卡片都按列对齐，但我希望它们之间有一个固定的边距。

<div class="row tree">
    <% for(var i = 0; i < tree.length; ++i) { %>
    <div class="col-lg-2 d-flex align-items-stretch" style="margin-bottom:10px;">
    <div class="card h-100 tree-obj">
        <div class="card-body">
            <h5 class="card-title"><%= tree[i].name %></h5>
        </div>
    </div>
    </div>
    <% } %>
</div>