html - 如何隐藏页脚中的文本

Question

我将以下内容作为 .CSS 文件的一部分：-

    #footer-profile {
    position: absolute;
    bottom: 0px;
    left: 50px;
    text-align: center;
    padding: 5px 10px;
    color: blue;
    background: yellow;
    opacity: .3;
    -moz-opacity: .3;
    filter: alpha(opacity=30);
    -moz-border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
}
#footer {
    position: relative;
    top: 20px;
    clear: both;
    text-align: center;
    padding: 20px;
    color: #999999;
}

但是我怎样才能隐藏页脚中的文本

Answer 1

添加内部#footer指令

display: none;

整个页脚将被隐藏。如果您只想隐藏页脚的某些部分，请将它们添加到带有类的某个标签中hidden，然后添加一条规则：

#footer.hidden {
   display: none;
}

根据您想要做什么，您可以尝试使用visibility: hidden;而不是display: none;. 第一个将隐藏元素，但会在布局中保留其空间，第二个将“折叠”元素并可能更改您的布局。

为了完整起见，我想将 Rohit Azar 提供的解决方案作为评论添加到您的帖子中：

#footer {
   font-size: 0;
}

该解决方案完全符合问题的要求。

Answer 2

如果您只想隐藏文本，请尝试以下操作：

#footer{
text-indent:-99999px;
}