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"

  

}

相关推荐:

html中如何让DIV标签中的P标签水平和垂直都居中?

html小技巧之td,div标签里内容不换行

js 为label标签和div标签赋值的方法

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

返回前面的内容

相关阅读 >>

10 种快速优化 web 性能的手段(分享)

asp去掉Html的方法

Html noframes标签怎么用

Html noscript标签怎么用

Html有哪些事件属性?

Html如何在两个div标签中间画一条竖线

Html如何实现鼠标悬停提示a标签内容

Html button标签怎么用

Html meta标签的作用是什么?Html meta标签的使用方法介绍

Html中的clear是什么意思

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




打赏

取消

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

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

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

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

评论

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