什麼是用於此情況

Question

想象的最好的CSS屬性我有3行文字，例如象下面這樣：1

行：這是文本1

第2行：這是文本2

3號線：這是文本3

現在我要做的就是躲2號線，但我想3號線推到同一位置，2號線，在2號線變爲可見然後我想行2插回到原來的位置，3號線回到原來的位置。

所以我想知道哪個是最好的css屬性，因爲我試過visibility:hidden和display:none，即使它們在隱藏第2行和使第2行重新出現時都工作，當線2不可見時，允許線3自動向上移動，因此它在中間留下很大的間隙，這使得外觀看起來有點草率。

謝謝

Answer 1

display: none;在第2行應自動向上移動第3行及以下，因爲它不會保留空間。你的定位有另一個問題;絕對定位由@ JCOC611說明是一個不錯的選擇。

請參閱小提琴：http://jsfiddle.net/NFsN6/2/其中span由每種方法隱藏，因此p容器不再具有可見內容，但展現出2種不同的行爲（u）rs。 0高度的情況下display: none;和仍然相同的外觀，但空的情況下visibility: hidden;

請問您可以發佈一些代碼，再現您的問題？

Answer 2

聽起來像是你回答了你自己的問題... visibility:hidden將在佈局的元素保留空間，同時display:none不會，所以在我看來，像你想使用display，除非你也想要操縱元素本身的高度以產生效果。