在输入和输出区域之间有不同的线条高度

见我的代码在的jsfiddle：

输入线，似乎有更多的line-height然后输出。尝试一下，输入一些东西，按一些输入你就会明白我的意思。

谢谢。

HTML：

<body> 
<div id="output"></div> 
<div id="input"> 
    [email protected] 
    <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 = "[email protected] " + command; 
    outputel.appendChild(new_row); 
    commandEl.value=""; 
};

来源

2013-08-27 user1150125

输入了一些填充。添加

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

到输入CSS

来源

2013-08-27 07:41:56

谢谢你的回答，但这似乎并没有解决问题，按回车键，你会看到输入行距离输出还有点远。 – user1150125

它解决了行高问题，但不是输入更靠右的问题。我会看看如果我能找到解决问题的方法 –

现在看看我的帖子。这解决了它 –

确定。我得到它通过iutput格设置保证金= 0输入栏，边距= 0终于sovled，和下边距= 0输出格：

#output { margin-bottom: 0px; background-color: #000000; } 
#input { margin-top: 0px; background-color: #000000; } 

input { 
    border: 0; 
    background: #000000; 
    color: #00FF00; 
    outline: none; 
    font-family:'Rosario', sans-serif; 
    font-size: 16px; 
    padding: 0px; 
    margin-left: -0.1px; 
    margin: 0px; 
}

感谢约翰的帮助！

来源

2013-08-27 12:46:46 user1150125

在输入和输出区域之间有不同的线条高度

回答

相关问题