ユーザーがテキストをテキストフィールドに入力すると、動的に表示されたJavaScriptがボタン/リンク要素を含むラッパーを押し続けるという問題が発生します。ある数のユニット。私はボタンラッパーを固定し、JavaScriptがそれをするときに動かないようにしたい。以下のスクリーンショットは何が起こっているかを示しています。あなたはこれを防ぐ方法としてCSS:要素がプッシュダウンされている
AFTER
前に、すべての一般的な提案?
ユーザーがテキストをテキストフィールドに入力すると、動的に表示されたJavaScriptがボタン/リンク要素を含むラッパーを押し続けるという問題が発生します。ある数のユニット。私はボタンラッパーを固定し、JavaScriptがそれをするときに動かないようにしたい。以下のスクリーンショットは何が起こっているかを示しています。あなたはこれを防ぐ方法としてCSS:要素がプッシュダウンされている
AFTER
前に、すべての一般的な提案?
テキストボックスの下にテキストをどのように追加するのかわかりませんが、要素の最初にvisibility
の値をhidden
とすることができます。それは表示されませんが、スペースを占有します。
更新:
あなたも、事前に要素を非表示にする必要はないかもしれません。それを固定高さにして、それがデフォルトでは空の場合、それは同様に機能します。
position: absolute
にラベルを設定します。
これにより、レイアウトエンジンは占有するスペースを無視します。
また、未使用の場合はvisibility: hidden
に設定することもできます。
これは、隠されていても常にスペースを占有します。
それに合わせてレイアウトを調整することができます。
文字の左に絶対文字を配置します。
私はこれを行うための2つの直線前方の方法を参照してください。
は、メッセージまたはフィールドを含む要素とメッセージが含まれています要素の固定サイズを指定して、そのメッセージの余地がありますはじめから。
他の要素にまったく影響しないように、メッセージの絶対的な配置を使用します。
スクリーンショットはクールです。コードは良いです。 –