Javascriptを使用してHTML要素を表示/非表示すると、新しい行に表示されるのはなぜですか？

そこには、画面の中央下部に向かって「解決策を提案する」というリンクがあります。クリックすると、JS関数が呼び出されて非表示になり、その場所にdiff要素が表示されます。なんらかの理由で、他の要素を次の行に配置してしまいます。

これはなぜ起こっているのですか？私はそれを把握することができません:)

2011-11-09 GeekedOut

Suggest a solutionのリンクを含むタグは、display: block;に設定されていますこれは前後のブレークを引き起こします。

2011-11-09 17:35:25 mrtsherman

'display：inline'はこのトリックを行うべきです。 – Rodolphe

ええ、インラインのことが働いた！ありがとう！ – GeekedOut

-1

アンカーはデフォルトでブロック要素です。インラインになるようにスタイルを設定する必要があります。

2011-11-09 17:36:25

いいえ - アンカーはデフォルトでインラインです –

$("#show_existing_suggestions").hide()/show()を使用すると、スタイルを追加するのではなく、同じ結果を得ることができます。私はChome Developerツールで試してみましたが、それは期待どおりに動きました。試してみてください:)

2011-11-09 17:44:30

答えて