javascript - 内联块推过两行

我想为此网络应用制作老式的命令行界面。我似乎无法获得命令提示符和输入区域正常工作的关键细节。

它应该在同一行上。我该怎么做？

我的尝试在提示和contenteditable div上都使用内联块。

示例是here，我认为问题可能出在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;
}

最佳答案

您需要删除

white-space: pre

来自

.ux-panel

宣言