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指令中添加

显示:无；

整个页脚将被隐藏。如果你只想隐藏页脚的一部分，将它们添加到类 hidden 的标签中，然后添加规则:

#footer.hidden {
   display: none;
}

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

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

#footer {
   font-size: 0;
}

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