0

我正在创建一些分页。每个页码都包含在它自己的 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>'
4

4 回答 4

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>'

请注意，我也已更改>>为&gt;&gt;使您的代码有效。

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

a被定义为 HTML5 所称的“透明元素”，只要其中没有交互式内容。这表示：

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

于 2013-11-13T12:28:22.257 回答
0

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

于 2013-11-13T12:29:13.373 回答
0

把它放在一个<a>标签里面。此类标签中的任何内容都是可点击的，并且可以附加链接。

更好的方法是使用一点 javascript。你可以找到一些复制粘贴代码:)

于 2013-11-13T12:32:18.260 回答
0

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

于 2013-11-18T16:17:56.827 回答