现在做网页,通常用 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 框架。

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐