css - 对于这种情况，最好的 css 属性是什么

Question

假设我有 3 行文本，如下所示:

第 1 行:这是文本 1

第 2 行:这是文本 2

第 3 行:这是文本 3

现在我想做的是隐藏第 2 行，但我希望第 3 行向上推到与第 2 行相同的位置，当第 2 行变得可见时，我希望第 2 行立即回到原来的位置并且第 3 行回到原来的位置。

所以我想知道哪个是用于此的最佳 css 属性，因为我尝试了 visibility:hidden 和 display:none，即使它们都有效在隐藏 Line 2 和让 Line 2 重新出现时，它们都不允许 Line 3 在 Line 2 不可见时自动向上移动，因此中间会留下一个很大的空隙，使外观看起来有点草率。

谢谢

Answer 1

display: none; 第 2 行应自动向上移动到第 3 行和下方，因为它不会保留空间。您的定位还有另一个问题； @JCOC611 声明的绝对定位是一个不错的选择。

参见 fiddle :http://jsfiddle.net/NFsN6/2/其中 span 被每种方法隐藏，因此 p 容器不再有可见内容，但表现出 2 种不同的行为(u)。在 display: none; 的情况下为 0 高度并且在 visibility: hidden;

的情况下仍然是相同的外观但为空

能否请您发布一些重现您的问题的代码？