2011-01-03 16 views
2

ユーザーがテキストをテキストフィールドに入力すると、動的に表示されたJavaScriptがボタン/リンク要素を含むラッパーを押し続けるという問題が発生します。ある数のユニット。私はボタンラッパーを固定し、JavaScriptがそれをするときに動かないようにしたい。以下のスクリーンショットは何が起こっているかを示しています。あなたはこれを防ぐ方法としてCSS:要素がプッシュダウンされている

alt text

AFTER

alt text

前に、すべての一般的な提案?

+3

スクリーンショットはクールです。コードは良いです。 –

答えて

2

テキストボックスの下にテキストをどのように追加するのかわかりませんが、要素の最初にvisibilityの値をhiddenとすることができます。それは表示されませんが、スペースを占有します。

更新:

DEMO

あなたも、事前に要素を非表示にする必要はないかもしれません。それを固定高さにして、それがデフォルトでは空の場合、それは同様に機能します。

+1

'display:hidden'はありません。それは '可視性:非表示'です。 – PeeHaa

+0

@PeeHaa:それを既に変更しました(ダウンボートの前でも)。これはdownvoteの価値がありますか? –

+0

もしそれが間違っているのであれば、それは私の知覚の下降の価値がある。 – PeeHaa

1

position: absoluteにラベルを設定します。
これにより、レイアウトエンジンは占有するスペースを無視します。

また、未使用の場合はvisibility: hiddenに設定することもできます。
これは、隠されていても常にスペースを占有します。
それに合わせてレイアウトを調整することができます。

0

文字の左に絶対文字を配置します。

0

私はこれを行うための2つの直線前方の方法を参照してください。

  1. は、メッセージまたはフィールドを含む要素とメッセージが含まれています要素の固定サイズを指定して、そのメッセージの余地がありますはじめから。

  2. 他の要素にまったく影響しないように、メッセージの絶対的な配置を使用します。

関連する問題