我如何使整个DIV可点击

Question

我正在创建一些分页。 自己的DIV中包含的每个页码。

当前页码是可单击的。 是否可以使数字所在的整个DIV都可点击？

这是我的CSS

#article_pagination{
float: left;
padding: 0px 4px 0px 4px;
margin: 0px 3px 0px 0px;
border: 1px solid #999999;
display:block;
cursor:pointer;
}

#article_pagination:hover{
border: 1px solid #333333;
background-color: #99C0F3;
}

#article_pagination a:hover{
color:#FFFFFF;
}

这是我的分页DIV的php / HTML

'<div id="article_pagination"><a href="'.$base_url.'/article_view.php?channel='.$channel_view.'&page='.$Next_Page.'">Next >></a></div>'

Answer 1

简单的方法是将div放在a元素内：

'<a href="'.$base_url.'/article_view.php?channel='.$channel_view.'&page='.$Next_Page.'"><div id="article_pagination">Next &gt;&gt;</div></a>'

请注意，我还将>>更改为>> 使您的代码有效。

您可能会想，“等等， a元素不能包含div元素。” 他们可以在某些条件下。 基本上，只要a元素内的元素不包含任何交互式内容（链接，按钮等），它就可以正常工作。

a定义为HTML5所谓的“透明元素” ，只要其中没有交互式内容即可 。 这意味着：

内容模型的“透明”部分所需的元素与透明元素的自身（源）所在的透明元素的父级的内容模型部分所需的元素相同

Answer 2

您可以添加#article_pagination a{ display: block; } #article_pagination a{ display: block; }应该可以。 凯文，问候

Answer 3

将其放在<a>标记内。 此类标签中的任何内容都是可点击的，并且可以附加链接。

更好的方法是使用一些JavaScript。 您可以找到一些复制粘贴代码：）

Answer 4

放置onclick="window.open('http://yourpage.com','_blank');" 在div之后 如果要在父级中打开,'_blank'请将其删除。 另外，使用style="cursor:pointer;cursor:hand;"将其style="cursor:pointer;cursor:hand;"化 如果您希望鼠标变为指针。