假设我有 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 不可见时自动向上移动,因此中间会留下一个很大的空隙,使外观看起来有点草率。
谢谢
最佳答案
display: none;
第 2 行应自动向上移动到第 3 行和下方,因为它不会保留空间。您的定位还有另一个问题; @JCOC611 声明的绝对定位是一个不错的选择。
参见 fiddle :http://jsfiddle.net/NFsN6/2/其中 span 被每种方法隐藏,因此 p 容器不再有可见内容,但表现出 2 种不同的行为(u)。在 display: none;
的情况下为 0 高度并且在 visibility: hidden;
能否请您发布一些重现您的问题的代码?
关于css - 对于这种情况,最好的 css 属性是什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8250691/