网页制作技术CSS之DIV长度相等的几个办法

八线城市

八线城市

2016-02-19 17:21

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的网页制作技术CSS之DIV长度相等的几个办法,过去的都会过去,迎接崭新的开始,释放更美好的自己。

  用于布局架构:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
#outer{overflow:hidden;}#outer .panel{float:right;width:286px;padding-left:21px;border-left:1px solid #E5E3D7;padding-bottom: 27670px !important;margin-bottom: -27670px !important;}#outer .main{float:left;width:510px;padding-bottom: 27670px !important;margin-bottom: -27670px !important;}

  用于表格的JS代码:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
scriptfunction div(){var l=document.getElementById("div1").getElementsByTagName("li");var num=4;var i=l.length / num ;for(var a=0;ai;a++){ var max=l[num*a].scrollHeight; var kk=num*a; var dd=num*a; for(kk;kkl.length;kk++) {   if(maxl[kk].scrollHeight)  {  max=l[kk].scrollHeight;  }   if(kk==num*(a+1)-1)  break; } for(dd;ddl.length;dd++) {  l[dd].style.height=max+"px";  if(dd==num*(a+1)-1)  break; } }}/script

  ps:在div里面调用div()就把里面的li重复4列的循环!

展开更多 50%)
分享

猜你喜欢

网页制作技术CSS之DIV长度相等的几个办法

Web开发
网页制作技术CSS之DIV长度相等的几个办法

2天掌握DIV+CSS网页制作技术

Web开发
2天掌握DIV+CSS网页制作技术

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

如何学习DIV CSS制作网页

Web开发
如何学习DIV CSS制作网页

Div+CSS网页制作误区

Web开发
Div+CSS网页制作误区

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

div css制作网页实战笔记心得

Web开发
div css制作网页实战笔记心得

DIV+CSS制作网页心得

Web开发
DIV+CSS制作网页心得

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

有些路只能独自一人走 - QQ伤感分组

有些路只能独自一人走 - QQ伤感分组

多条件数据库查询的优化方法

多条件数据库查询的优化方法
下拉加载更多内容 ↓