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

2016-02-19 17:21 8 1 收藏

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

【 tulaoshi.com - Web开发】

　　用于布局架构：

#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代码：

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列的循环！

来源:http://www.tulaoshi.com/n/20160219/1615002.html

上一篇：有些路只能独自一人走 - QQ伤感分组
下一篇：多条件数据库查询的优化方法

看过《网页制作技术CSS之DIV长度相等的几个办法》的人还看了以下文章更多>>

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

标签： Web开发

以下的内容是一位网友的DIV CSS编码笔记，是值得大家学习的，在实际工作与开发中，将工作中的点滴记录下来，回首这些过往，你也会收获很多，如果能在webjx.com与大家共同交流，相信进步就更快了。大家一起努力！最近在做一个魔术网的div+css切割，昨晚发现了长期以来一直无记录下来的问题！关于兼容IE跟FF的float属性。趁现在还清...

最新DIV+CSS技术入门

标签： Web开发

CSS是Cascading Style Sheets（层叠样式表单）的简称。更多的人把它称作样式表。顾名思义，它是一种设计网页样式的工具。借助CSS的强大功能，网页将在您丰富的想象力下千变万化，越来越多的人在学习而很多初学者没有一个头绪，整理了一些学习的方法给大家。一. CSS学习重在方法! 学习任何东西都是一样，从小学、中学、大学，除了学习知识外...

css教程:DIV垂直居中的办法

标签： Web开发

经过今天一翻改进，终于找出了解决DIV垂直居中的办法。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/ht...

学DIV CSS技术,如何入门?

标签： Web开发

引言：引用一本书中的一段文字：当我第一次开始学习汉语时，我的家庭老师老王给了我一本汉英字典、一本汉语语法书和一本初级教程。但是，他将这些书放在一个书筐里，并说到下周才能派上用场。在第一周，他只教我听和记一些短语。在开始严格有序的学习前，他要我学会如何复述一些短评。请问，哪里有餐馆？。请给我来点米饭。这件衣服多少钱？...

CSS制作网页实例:DIV仿框架结构

标签： Web开发

[ 参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP10 / SF4 / Chrome2 ] [ 操作系统：Windows] 先看代码：运行代码框 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta ht...

查看更多精彩>>