将a标记设置为显示:阻止但最初隐藏

Set a-tag to display: block but initially hidden

本文关键字：隐藏 显示 设置      更新时间：2023-09-26

我有一个锚标记（a-tag），应该显示为块元素。这是因为我想指定元素的宽度、高度和填充。

但最初这个块元素必须隐藏，所以我在CSS中将显示值设置为none（display:none）。

那么会发生什么呢？a标记是隐藏的，但同时也是一个内联元素（默认情况下，a标记是内联元素）。

是否有机会让a标记表现为块元素，但隐藏在初始状态？

提前感谢！

visibility: hidden将隐藏链接，但保留其占用的空间。如果这不理想，也可以使用font-size: 0：

.hidden {
    display: block;
    visibility: hidden;
    font-size: 0;
}

另一种选择是使用文本缩进：

.hidden {
    display: block;
    text-indent: -999em;
}

a{
  display: block;
  visibility: hidden;
}

使用visibility: hidden;，对象可以是不可见的并且具有维度（diplay:block）。

相关文章：