两个文本区域并排,最大尺寸填充整个覆盖网站,就像在崇高的文本编辑器中一样,有两列布局? [关闭]

Posted

技术标签:

【中文标题】两个文本区域并排,最大尺寸填充整个覆盖网站,就像在崇高的文本编辑器中一样,有两列布局? [关闭]【英文标题】:Two textarea side by side with max size that fill place whole covering website like in sublime text editor, with two columns layout? [closed] 【发布时间】:2021-10-13 17:45:54 【问题描述】:

这里是带有两列焦点组的 sublime 文本视图的示例:

【问题讨论】:

请阅读How to Ask和minimal reproducible example 可以使用flexbox来实现 【参考方案1】:

section 
  display: flex;


textarea 
  flex:1;
<section>
    <textarea name="" id="" rows="10"></textarea>
    <textarea name="" id="" rows="10"></textarea>
</section>

【讨论】:

【参考方案2】:

请引导!

<section>
  <div class='row'>
   <div class='col-6'>
    <textarea name="" id="" rows="10"></textarea>
   </div>
   <div class='col-6'>
    <textarea name="" id="" rows="10"></textarea>
   </div>
  </div>
</section>

不要忘记在 index.html 中的&lt;head&gt;&lt;/head&gt; 之间添加 CDN:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!-- Latest compiled javascript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

【讨论】:

Bootstrap 3 已经过时了,现在是 bootstrap 5 的时候了! PS实现这个bootstrap不是强制的,比如flexbox用几行css就可以了

以上是关于两个文本区域并排,最大尺寸填充整个覆盖网站,就像在崇高的文本编辑器中一样,有两列布局? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

如何根据来自另一个 HTML 页面的链接预填充文本区域

使文本区域填充表格单元格

支持 HTML 的 HTML 文本区域? [关闭]

并排设置两个 JTextArea netbeans

像在 IDE 中一样在文本区域中反应自动完成(例如 VS Code、Atom)

自动清除和重新填充文本区域值