<a tag=""> to increase width and height?</a>的CSS

Question

HTML

<a id='aTag'> a link </a>

将css定义为

#aTag { 
    width: 100px;
    height: 100px;
    background-color: red;
}

上述内容不会改变<a tag>

的宽度和高度

如何更改a tag的宽度和高度呢？

Answer 1

尝试将其设为块元素：

#aTag { 
    display: inline-block; 
    width: 100px;
    height: 100px;
    background-color: red;
}

Answer 2

a是一个内联级别标记，因此宽度和高度不会像您期望的那样产生效果。如果您希望width和height生效，则可以选择3个选项。

1. 将display设为inline-block;
2. 将display设为block;
3. 浮动a标记，它会自动转为块级元素

A Reference Guide

Answer 3

只需在CSS中使用“ display：”属性即可。

如果你想把它作为一个块并想要给出Width＆amp;高度只需添加“display: block”

但是，如果您尝试添加一些间距，请使用“margin: 10px”或"padding: 5px;"

Fiddle中显示的两个例子均经过审核： - http://jsfiddle.net/aasthatuteja/axZLW/

希望这有帮助！