网页里面,给一个 div 增加点击链接
现在做网页,通常用 div 当作容器。这里可以把一个 div 理解为一个 delphi 的 TPanel。在 Delphi 里面,可以用 Panel 套 Panel 的方式来布局,然后设置各个 Panel 的 Align 属性。现在 html5 的网页开发,是拿 div 套 div 来布局。然后用 css 来定义 div 该怎么摆。因此,这里就是多层 div 嵌套。假设要对某一层 div
·
现在做网页,通常用 div 当作容器。这里可以把一个 div 理解为一个 delphi 的 TPanel。
在 Delphi 里面,可以用 Panel 套 Panel 的方式来布局,然后设置各个 Panel 的 Align 属性。
现在 html5 的网页开发,是拿 div 套 div 来布局。然后用 css 来定义 div 该怎么摆。因此,这里就是多层 div 嵌套。假设要对某一层 div 做一个链接,点击后会导航到另外一个链接地址。这时候,不能给 div 外面写 <a href="xxxxx"> 这种代码。如果这样写,会破坏 div 的嵌套框架,搞乱页面布局。
上网搜资料,发现:这里有个人问到这个问题
有人回答了这个问题,其基本原理是:
<div style="cursor: pointer;" οnclick="window.location='http://google.com';">
Hello world
</div>
在本人正在做的这个 CMS 系统里面,上述方法测试通过。
-------------------------------
又及:
但如果这里是用了 BootStrap 的 <div class="col-md-3"> 则可以给它外面加上 <a> 而不会破坏 div 框架。
更多推荐
已为社区贡献1条内容
所有评论(0)