我如何给这些卡片元素相同的尺寸?

使用Css或bootstrap或其他方法,我如何在示例中给卡片相同的高度和重量?

我尝试使用.card-deck类(Bootstrap .card-deck),但由于水平滚动可能会包含很多卡片元素,因此无法正常工作。

<div class="container-fluid">
    <div class="scrollmenu" id="main-row">
        <div id="main-element" class="card text-center floc-card">
            <div class="card-body">
                <h5 class="card-title">Title</h5>
                <h6 class="card-subtitle mb-2 text-muted">Description</h6>
                <p class="card-text font-weight-bold">
                Some text
                </p>
                <button type="button" class="btn btn-outline-primary bg-white files-btn">
                Button
                </button>
            </div>
        </div>

        .....
    </div>
</div>

这里是Code Example

yanxianfeng_5188 回答:我如何给这些卡片元素相同的尺寸?

您可以将自定义CSS赋予父容器和下面的内部div

div.scrollmenu {
    overflow: auto;
    white-space: nowrap;
    border-top: 5px solid black;
    padding: 25px;
    width: 100%;
    display:flex;
    flex-wrap:nowrap;
}

div.scrollmenu .card {
    flex: 0 0 auto;
}
本文链接:https://www.f2er.com/3168303.html

大家都在问