gpt4 book ai didi

javascript - 输入和输出区域之间的行高不同

转载 作者:行者123 更新时间:2023-12-02 18:25:07 24 4
gpt4 key购买 nike

我正在尝试制作一个类似终端外壳的页面。

在 jsfiddle 查看我的代码:

http://jsfiddle.net/paopaomj/qGw4Q/9/

输入行的行高似乎比输出行高。尝试一下并输入一些内容,然后按一些输入,您就会明白我的意思。

谢谢。

html:

<body>
<div id="output"></div>
<div id="input">
root@host
<input type="text" id="command" />
</div>

JavaScript:

$("#command").keyup(function (e) {
if (e.keyCode == 13) {
submit();
}
});

var submit = function () {
var commandEl = document.getElementById("command");
var command = commandEl.value;
var outputel = document.getElementById("output");
var new_row = document.createElement("div");
new_row.innerHTML = "root@host " + command;
outputel.appendChild(new_row);
commandEl.value="";
};

最佳答案

输入有一些填充。添加

padding:0px; 
margin-left:-1px;

输入CSS

关于javascript - 输入和输出区域之间的行高不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18459638/

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