使整个列表区域可点击

Question

在我的网站上，我有一些包含链接的列表。我想知道是否有可能使整个列表区域都可以点击，而不仅仅是内部链接所在的位置。一个例子是我网页右上角的“发布”链接。

这是我正在使用的代码： http://jsfiddle.net/spadez/XgSBf/1/ 我尝试将链接放在列表外面，但并没有起作用。

<a href=#><li>test</li></a>

- Jimmy

---

你忘记了 <ul> 标签了吗？ - gitaarik

https://dev59.com/u3A75IYBdhLWcg3w182G - adt

Answer 1

这并不是良好的编码实践。尝试这样改进：

<li><a href="#" style="display: block">test</a></li>

- Gimmy

Answer 2

将 a 标签添加 display:block。

a {
    text-decoration: none; display:block
}

DEMO

- Sowmya

Answer 3

将style="display:block"添加到锚标签中。添加显示块将使该链接区域可点击。

- Ganesh Bora

Answer 4

<li><a style="display:block;" href="some_page.extension">Next</a></li>

最好尝试像上面那样的方式。在“列表项”标签内包含链接，这样您可以使整个区域可点击。

- heinkasner