css - 以角度更改代码镜像的高度和宽度
问题描述
我正在使用带有最新 ngx-codemirror 的 Angular 7。
<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;
}
推荐阅读
- javascript - 如何在 CORS-Anywhere 中禁用缓存?
- npm - 输入“npm start”时出现错误,如何解决?
- spring - 多个数据源的 Hikaricp 配置
- angular - 页脚位于页面末尾,不固定
- apache-spark-sql - 查询同一张表时,spark sql 返回空值,但配置单元和 impaly 获取正常数据?
- java - 如何使用 model.addRow 添加多个列?
- reactjs - 可以在 vuejs 中使用 reactjs 组件吗?
- postgresql - 什么会导致 JPA 本机插入查询随机变慢?
- javascript - 在 ES6 支持的项目中导入 JSON 文件
- xquery - 使用 xquery 存储文件存在