你必须用一个可滚动的容器 Package .card-text，然后设置可滚动的容器overflow-y: auto;。
别忘了为可滚动容器设置height。如果height默认为自动，滚动条将不会出现。
https://codepen.io/blackcityhenry/pen/LXOOgW

你需要应用这个CSS

**wrap this**
.card-text { height: 42px; overflow-x: scroll; width: 100%; }

.card-text p { width: 650px; word-break: break-word; }

在css代码中进行水平滚动

<style>
 .card-text { height: 42px; overflow-x: scroll; width: 100%; }
    
 .card-text p { width: 650px; word-break: break-word; }
</style>

在css代码中用于垂直滚动

<style>
 .card-text { height: 42px; overflow-y: scroll; width: 100%; }
    
 .card-text p { width: 650px; word-break: break-word; }
</style>

HTML格式-用于水平滚动/垂直滚动

<div class="card" style="height:300px">        
    <div class="card-body">                    
        <h5 class="card-title">Card title</h5> 
        <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>