このWebアプリ用の古い学校のコマンドラインインターフェイスを作成したいと思います。コマンドプロンプトと入力領域の重要な詳細が正常に機能しているようには見えません。
同じ行にある必要があります。どうすればそうできますか?
私の試みでは、プロンプトとcontenteditabledivの両方でインラインブロックを使用しています。
例はここにあります、私は問題が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;
}