Express / Jade /socket.ioを使用したシンプルなチャットルームアプリに取り組んでいます。残念ながら、私のhtml / cssの知識はあまり良くありません。私はブートストラップを使用していて、アプリを動作させています。問題は、画面が初めて読み込まれるとき（またはその後の更新時に）、データがサーバーからJadeテンプレートに渡され、2つのボタンバッジとパネルタイトルの更新に使用されることです。これが発生すると、3つの要素すべてが最初にすべての値をクリアし、次にそれらにデータを入力して、ここに示すように位置をシフトします。
これを止めるには何を変更する必要がありますか？CSSを介して位置を設定する必要がありますか？私は実験しabsolute、staticし、fixedしかし無駄に。また、要素に最初のダミーテキストを事前入力して正しいサイズにし、テキストを非表示に設定して、サーバーから渡された新しいデータで上書きすることも考えましたが、これは本当に不格好なようです。それを行うためのきちんとした方法があると確信していますが、それが何であるかはわかりません。
ボタンの最小幅とパネルタイトルの最小高さを設定できます。
#button1 {min-width: 120px;}
#button2 {min-width: 100px;}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加