我如何使整個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;"化 如果您希望鼠標變為指針。