內聯塊推兩行

Question

我想爲這個Web應用程序做一箇舊學校的命令行界面。我似乎無法獲得命令提示符和輸入區域的關鍵細節。

它應該在同一行上。我怎麼能這樣做？

我的嘗試在提示和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; 
} 

Answer 1

你需要從

.ux-panel 

聲明刪除

white-space: pre