我正在使用 angular 7 和最新的 ngx-codemirror。
<ngx-codemirror [(ngModel)]="sql_input" [options]="{lineNumbers: true,theme: 'material',mode: 'markdown'}"></ngx-codemirror>
最终效果如下图,对我来说太大了。只是想知道如何调整它的大小以使其高度和宽度更小。
最佳答案
您可以将您的组件添加到包装器/容器元素中。
<div class="container">
<ngx-codemirror
[(ngModel)]="sql_input"
[options]="{ lineNumbers: true, theme: 'material', mode: 'markdown' }"
></ngx-codemirror>
</div>
然后给容器设置想要的宽高。
.container {
width: 500px;
height: 500px;
}
关于css - 以 Angular 更改代码镜像的高度和宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58459819/