javascript - 内联 block 推过两行

Question

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

应该在同一行。我怎样才能做到这一点？

我尝试在提示和 contenteditable div 上使用内联 block 。

例子是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;
}

Answer 1

你需要删除

white-space: pre

来自

.ux-panel

声明