4
4

5 回答 5

6

你可以使用display:block.

一个例子如下：

HTML：

<a href="#" class="btn"​​​​​​​​​​​​​​​​​​​​​&gt;Button</a>​​​​​​​​​​​​​

CSS：

​a.btn{
    display: block;
    background-color: Green;
    width: 50px;
    height: 25px;
    text-align: center;
    text-decoration: none;
    color: White;
}
a.btn:hover{
    background-color: lightGreen;
    color: Black;
}

​ 你可以在这里现场测试：http: //jsfiddle.net/YdCzY/

于 2012-08-05T14:07:07.060 回答
1

尝试使用这个：

HTML：

<a id="block-a" href="#">Something here</a>

CSS：

#block-a {
    display: block;
}
于 2012-08-05T13:39:24.993 回答
1

您可以尝试在“a”元素中使用“span”元素而不是 div...

您可以将样式应用于跨度，使其表现得就像您想要的 div 一样（例如，丰富的内容也总体上是一个链接）。

AFAICS，span 和 div 之间的唯一区别是默认样式，以及它们被允许作为子元素的元素。但我愿意被更多有学问的贡献者纠正......

于 2014-01-29T02:02:30.923 回答
0
于 2012-08-05T13:29:46.660 回答
0

至少更容易

`<div onclik="window.location.href='url'">
</div>`
于 2017-12-09T09:02:21.650 回答