如何使Nb卡可滚动

编程问答 2022-08-14

问题描述

我正在使用Nb卡，并且我想使该卡可滚动。我在NbDialog框中使用NB卡，并且随着浏览器尺寸的减小，当我减小卡的尺寸时也看不到Nb卡的内容，卡的内容也被忽略了。那么如何在Nb卡中添加滚动条？

通过下面的答案，我实现了垂直滚动，但是如果内容很大，我还需要一个水平滚动，它不起作用。那么如何还添加水平滚动呢？

解决方法

添加到您的CSS文件：-

.classname{
  max-height: 100%;
    overflow-y: hidden;
}

添加到您的html文件中：-

<nb-card class="classname">
</nb-card>
angularangularnebularngx-admin