首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用CSS调整CodeMirror编辑器的大小不起作用

使用CSS调整CodeMirror编辑器的大小不起作用
EN

Stack Overflow用户
提问于 2017-12-17 00:01:11
回答 2查看 623关注 0票数 2

我一直在尝试使用CSS更改Codemirror编辑器的宽度和高度,但似乎没有任何效果。

代码语言:javascript
运行
复制
.CodeMirror {
   width: 500px;
   height: 1000px;
}

而不是相应地调整大小,它保持在300px的高度和全宽。尽管如此,我仍然可以通过代码设置宽度和高度:editor.setSize(500, 1000);

我做错了什么?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-08-05 19:26:50

确保在Codemirror的默认样式表之后导入您自己的CSS文件。否则,默认设置不会被正确覆盖。最后只需导入样式表即可。

票数 0
EN

Stack Overflow用户

发布于 2017-12-17 00:07:17

你试过了吗。

代码语言:javascript
运行
复制
.CodeMirror {
    max-width: 500px;
    max-height: 1000px;
    width: 100%;
    height: 100%;
}

尝试使用百分比。此外,CodeMirror文档还特别指出,您应该使用width: auto和height: auto来自动缩放。仅供参考。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47847476

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档