如何使整个列表项可点击

Question

我想知道如何使整个列表项可单击，而不仅仅是单词。 在我的列表中，我只能单击单词。 如何将整个列表区域变成链接？ 我的列表中包含链接，但我希望您能够单击列表区域内的任何位置以进行重定向。 谢谢。

而且我是这个网站的新手，所以很抱歉如果我问错了。

Answer 1

您需要将锚标签设为一个块元素，并使其控制列表项的高度

这是一个示例：

HTML：

<ul>
    <li>
        <a href="#">click me!</a>
    </li>
</ul>

CSS：

ul {
    width:200px;
    padding:0px;
    margin:0px;
    list-style:none;
}
li {
    width:100%;
    background:green;
    position: relative;
}
li a {
display:block;
    height:50px;
}

jsfiddle： http : //jsfiddle.net/24ELw/

Answer 2

您可以只buttons inside the list items插入buttons inside the list items其设置为无边界且没有背景色的样式-> jsFiddle