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并将它们设置为无边框且没有背景颜色 - ＆gt; jsFiddle

如何使整个列表项可单击

2 个答案: