html - 使整个列表区域可点击

Question

在我的网站上，我在列表中有一些链接。我想知道是否可以这样做，以便我可以单击整个列表区域，而不仅仅是内部链接所在的位置。一个例子是我在页面右上角的“发布”链接。

这是我正在使用的代码：http: //jsfiddle.net/spadez/XgSBf/1/

我试图像这样将链接放在列表之外，但它不起作用：

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

score 3 · Accepted Answer

3

这不是很好的编码。尝试这个：

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

于 2013-06-05T12:47:31.940 回答

score 2 · Accepted Answer

2

添加display:block到a标签

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

于 2013-06-05T12:49:09.010 回答

score 2 · Accepted Answer

2

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

于 2013-06-05T12:55:12.413 回答

score 1 · Accepted Answer

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

而是尝试类似上面的东西。将链接包含在“列表项”标签中，这样您就可以使整个区域可点击。

4 回答 4