gpt4 book ai didi

html - CSS Textarea 和 Div 并排

转载 作者:太空宇宙 更新时间:2023-11-03 21:47:24 26 4
gpt4 key购买 nike

我试图让我的 textarea 和 div 并排放置,并在下面放置运行按钮,但我不确定为什么它不起作用。

输出看起来像这样:

http://codeeplus.net/test.php

CSS:

  .CodeMirror { height: 400px; width: 500px; border: 1px solid #ddd; }
.CodeMirror-scroll { max-height: 400px; }
.CodeMirror pre { padding-left: 7px; line-height: 1.25; }
#drawing { border: 1px solid #555555; float:left; width:480px; height: 400px; }

HTML:

<div style="position: absolute; left: 10px; top: 10px; padding: 10px; width:50%; height: 50%; border: 1px solid #000000;">
<div style="float:left">
<textarea align="left" style="overflow:auto;" id="demotext" name="textarea">
<html>
<head>
<title>Learning HTML</title>
</head>
<body>
<p>I'm learning HTML! This is my first line of code!</p>
</body>
</html></textarea>
</div>
<div style="float:left;">
<div id="drawing" style="text-align:left;padding:10px;"></div>
</div>
<input type="button" id="run" value="Run" />
</div>

最佳答案

我会使用两个 div,一个环绕您的文本区域,一个环绕您的另一个 div。这样你就可以使用 float: left; 将它们并排放置:)

关于html - CSS Textarea 和 Div 并排,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19756396/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com