!
也想出现在这里? 联系我们
全球五大数据中心,CYUN提供海外优质服务器,CN2优化线路,为您的业务推进提供强大助力

让div带链接

来源于:

https://blog.csdn.net/pcplayer/article/details/70761548

现在做网页,通常用 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;" onclick="window.location='http://google.com';">
    Hello world
</div>

在本人正在做的这个 CMS 系统里面,上述方法测试通过。
-------------------------------

又及:

但如果这里是用了 BootStrap 的 <div class="col-md-3"> 则可以给它外面加上 <a> 而不会破坏 div 框架。
--------------------- 
作者:pcplayer 
来源:CSDN 
原文:https://blog.csdn.net/pcplayer/article/details/70761548 
版权声明:本文为博主原创文章,转载请附上博文链接!

人已赞赏
css

如何让一张图片不重复铺满整个浏览器?

2018-10-30 18:31:44

css

让子div上下垂直居中,子DIV居中

2018-11-1 12:07:53

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 link@baimu.org 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索