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

标签 css visibility

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

第 1 行:这是文本 1

第 2 行:这是文本 2

第 3 行:这是文本 3

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

所以我想知道哪个是用于此的最佳 css 属性,因为我尝试了 visibility:hiddendisplay: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/

相关文章:

css - Internet Explorer 7 中的正文溢出隐藏问题

Android:可见性:消失的元素很快可见

Java: protected 、可见

html - 隐藏内部div时使父div保持原始大小

android - 对象可见性

java - 使用自限泛型的私有(private)访问

html - CSS 字体平滑

css - 标签混淆中的样式标签

只有 id 和类的 CSS - 这是正确的方法吗?

css - 将图像(在 div 中)居中以进行响应式设计