用于<a tag>以增加宽度和高度的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:“属性即可。

如果你想把它变成一个块，想要给出宽度和高度，只需添加"display: block“

但是，如果您想在周围添加一些空格，那么使用"margin: 10px“或"padding: 5px;"

Fiddle refereed中显示的两个示例:- http://jsfiddle.net/aasthatuteja/axZLW/

希望这能有所帮助！