固定高度的Bootstrap卡,带有垂直可滚动的卡文字

亚斯科夫

如何获得具有可垂直滚动的卡片文本部分固定高度bootstrap 4卡

<div class="card" style="height:300px">        <-- non scrollable
    <div class="card-body">                    <-- non scrollable
        <h5 class="card-title">Card title</h5> <-- non scrollable
        <p class="card-text">This portion and only this portion will have a very long text so much so that the vertical scroll bar may appear when required.</p>
    </div>
</div>
黑色城市

您必须.card-text使用可滚动容器包装然后设置可滚动容器overflow-y: auto;

不要忘记也height为可滚动容器设置了如果height默认为自动,则滚动条将不会出现

https://codepen.io/blackcityhenry/pen/LXOOgW

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何制作带有固定离子卡头和可滚动离子卡内容的离子卡?

如何在固定大小的多行上使用带有Bootstrap 4的卡?

如何垂直固定固定高度的图像Bootstrap卡

带Bootstrap 4的卡中的垂直对齐元素

Bootstrap垂直滚动选项卡

Bootstrap 4 Card Deck 固定卡宽度(当每行少于指定数量的卡时)

Bootstrap-进度栏作为具有固定百分比的卡元素中的背景

带有chartjs的垂直打孔卡

具有Angular Material动态高度选项卡的可滚动内容元素

如何使有角度的材料卡占据可用的垂直空间并使其内容可滚动

行中带有Bootstrap 3个选项卡的垂直对齐复选框

具有可滚动主体和不固定标头高度的Bootstrap 4模态

Bootstrap 4卡组中不同大小的卡

Bootstrap 水平和垂直滚动,带有固定的页脚和页眉

Bootstrap 3列内部的固定高度可滚动div

如何根据行中最大高度的卡的高度设置卡的高度

带有两个相邻文本框的选项卡上缺少垂直滚动条

如何使 Nb 卡可滚动

带有角材料的垂直选项卡

如何使不同高度的卡填补CSS中的空白?

没有固定高度的可滚动div无法正常工作

使卡可拖动,并将卡粘在其上方的卡上

固定的表头带有水平和垂直滚动体

不同的卡大小

带有RecyclerView和可扩展卡的奇怪故障

带有固定内容的可滚动叠加层

HTML、CSS:带有固定页脚的可滚动表格

Bootstrap 4-小屏幕中的卡溢出

Bootstrap-如何水平对齐foreach内的卡?