西安网站建设JS控制左右两列高度自动拉伸对齐

14772013-02-20

<title>左右两列高度对齐</title>
<script type="text/javascript">
function alignHeight(eleA,eleB){
  if(!document.getElementById(eleA)){return false;}
  if(!document.getElementById(eleB)){return false;}
  var heightA = document.getElementById(eleA).clientHeight;
  var heightB = document.getElementById(eleB).clientHeight;
  if(heightA > heightB){
    document.getElementById(eleB).style.height = heightA + "px";
    document.getElementById(eleA).style.height = heightA + "px";
  }else{
    document.getElementById(eleA).style.height = heightB + "px";
    document.getElementById(eleB).style.height = heightB + "px";
  }
}
window.onload =
function z_align(){
  alignHeight("left","right"); //只需将需要对齐的两个模块的id写在此处即可,西安网站建设团队点墨网络竭诚为您服务。
//alignHeight("AAA","BBB") 可依此连续多组。
}
</script>
<style type="text/css">
#main{width:400px}
div{border:1px solid #666;padding:10px;}
#left{float:left;width:150px}
#right{float:right;width:180px}
</style>
</head>
<body>
<div id="main">
   <div id="left">

  • 西安网站建设JS控制左右两列高度自动拉伸对齐,高度自动对齐实例,CSS不能办到的,我用JS来实现,当然CSS也可以实现,只是比较麻烦,这个办法觉得也可以,分享给大家哦。

</div>
    <div id="right">我自动跟他对齐</div>
</div>

通过本文您对西安网站建设有了进一步了解,本公司温馨提醒:找西安做网站公司,请选择手续齐全、业务精、服务好的正规公司。

工商网上亮照

版权所有:西安点墨网络科技有限公司 信息备案编号: 陕ICP备11004160号-1

客户服务电话:15229292610

公司注册地址:西安市雁塔区融鑫路丽湾蓝岛1幢3单元16层31605号

临时办公地址:西安市雁塔区朱雀大街紫郡长安F3

Sitemap 网站地图 手机版

服务热线:15229292610

客服信箱:vip@dianmo.cc

846461336327

版权所有:西安点墨网络科技有限公司 信息备案编号: 陕ICP备11004160号-1