将a-tag设置为display：block但最初隐藏

Question

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

但是最初必须隐藏这个块元素，所以我在CSS中将display-value设置为none（display：none）。

那会发生什么？ a-tag是隐藏的，但同时是内联元素（默认情况下，a-tags是内联元素）。

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

提前致谢！

Answer 1

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

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

另一种方法是使用text-indent：

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

Answer 2

a{
  display: block;
  visibility: hidden;
}

Answer 3

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