javascript - 设置a-tag显示: block but initially hidden

Question

我有一个 anchor 标记(a-tag)，它应该显示为 block 元素。那是因为我想指定元素的宽度、高度和填充。

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

那么会发生什么呢？ a-标签是隐藏的，但同时也是一个内联元素(a-标签默认是内联元素)。

是否有机会让 a 标签充当 block 元素但隐藏在初始状态中？

提前致谢!

Answer 1

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

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

另一种方法是使用文本缩进:

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