如何使用HTML在两个div标签中间画一条竖线


当前第2页 返回上一页

效果图:

顺便写一下js的思路和关键代码

比较两个子p的高度哪一高。选择把高的那个p的相邻边框设为可见也可达到目的。

以下是js的代码

1

2

3

4

5

6

7

8

9

10

11

function myfun(){ 

  var p1=document.getElementById("content"); 

  var p2=document.getElementById("side"); 

  var h1=p1.offsetHeight; 

  var h2=p2.offsetHeight; 

    if(h1>h2){ 

        p1.style.borderRight="1px dashed #B6AEA3"; 

    }else{ 

        p2.style.borderLeft="1px dashed #B6AEA3"; 

  

}

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

如何使用Html屏蔽右键菜单和左键划字功能

Html 实现动态显示颜色块的报表效果(实例代码)

以上就是如何使用HTML在两个div标签中间画一条竖线的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

Html的<progress>标签

Html中怎么打空格字符?

Html怎样实现简单计算器

Html中的空链接有什么用

Html怎么进行页面跳转(重定向)

使用Html应该如何编写邮件模版

Html5前端是什么?

Html超链接的下划线怎么去掉?a标签去下划线的方法都在这里

Html怎么设置表格间距

Html单选按钮默认选中怎么做?input标签的单选按钮用法实例

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...