如何设置完整div可点击？

Question

我有div的代码

      <div align="center" id="1_2" class="class_div" onclick="DoAction(1)" style="float: left;  height: 60px; width: 250px; margin: 10px"><h1>&nbsp;&nbsp;&nbsp;&nbsp;Class :Class-1</h1>&nbsp;&nbsp;&nbsp;&nbsp; Class Teacher :Manan</div>

当光标在div上移动时，它显示文本光标。我希望div可以点击，点击光标应该到那里。怎么可以这样做。请帮忙??

Answer 1

将cursor: pointer添加到CSS中class_div类的样式规则中。

Answer 2

你需要改变这样的风格 -

<div style="cursor:pointer" ....></div>.

Answer 3

要使其完全可点击，您需要将cursor:pointer; display:inline-table; text-align:center;属性分别添加到div。

如果没有display:inline-table，整个div将无法点击，并会在两行文字之间产生间隙。

以下是WORKING SOLUTION

HTML：

<div align="center" id="1_2" class="class_div" onclick="DoAction(1)" style="float: left;  height: 60px; width: 250px; margin: 10px"><h1>&nbsp;&nbsp;&nbsp;&nbsp;Class :Class-1</h1>&nbsp;&nbsp;&nbsp;&nbsp; Class Teacher :Manan</div>

CSS：

div{cursor:pointer; display:inline-table; text-align:center;}

希望有所帮助。

PS：我用div作为选择器进行了说明，但也可以将样式应用到类中。