Question

Here是一个降价编辑器，我在下面的小提琴中实现了它：

var simplemde = new SimpleMDE({ element: document.getElementById("txtarea") });

<script src="http://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
<link href="http://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css" rel="stylesheet"/>

<textarea id="txtarea"></textarea>

该编辑器有一个名为side-by-side的选项，它是输出的预览（仅在全屏页面大小（非移动）上可用）。

好吧，正如你在小提琴中看到的那样，预览的位置在textarea旁边。我只需要改变它在textarea下的位置，比如stackoverflow。

我该怎么做？

Answer 1

将以下内容添加到您的代码中：

<style>
    .CodeMirror-sided {
      width: 100%!important;
      position: relative;
    }

    .editor-preview-side {
      position: relative;
      width: 100%;
    }

    .CodeMirror-fullscreen {
      position: relative !important;
    }

    .CodeMirror-sided {
      width: 100%!important;
    }

</style>

适合我的工作:-) https://jsfiddle.net/z375hor1/1/

如何将元素的位置从旁边更改为下面？

1 个答案: