我想为这个网络应用程序制作一个老式的命令行界面。我似乎无法让命令提示符和输入区域的关键细节正常工作。
它应该在同一行。我怎样才能做到这一点？
我的尝试在提示符和 contenteditable div 上都使用了内联块。
示例在这里，我认为问题可能出在 CSS 中：
.ux-command-container {
clear:both;
width:100%;
display:block;
font-size:0px;
height:0px;
margin:auto;
}
.ux-command-line {
display:inline-block;
font-size:12px;
width:90%;
word-wrap:break-word;
vertical-align:top;
padding:0;
margin:auto;
padding:0;
line-height:12px;
margin:0 auto;
}
.ux-command-line:focus {
outline:none;
}
.ux-command-prompt {
vertical-align:top;
display:inline-block;
width:20px;
margin:auto;
padding:0;
font-size:12px;
line-height:12px;
white-space:normal;
}