让多个 DIV 高度相同
来源:互联网 发布:网络药理学会议 编辑:程序博客网 时间:2024/06/11 16:18
html部分:
<div> <ul> <li class="column"> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> </li> <li class="column"> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> </li> <li class="column"> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> </li> <li class="column"> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> </li> <li class="column"> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> <p>huhuasdauahsuahu</p> </li> </ul></div>css部分:
<style type="text/css"> .column{ float: left; width: 15%; border: 1px solid blue; } .column p{ height:100px; }</style>js部分:
<script type="text/javascript"> var $columns = $('.column'); var height = 0; $columns.each(function () { if ($(this).height() > height) { height = $(this).height(); } }); $columns.height(height);</script>
1 0
- 让多个 DIV 高度相同
- 左右div高度相同
- 让两个div元素有相同的高度
- 堆砌相同高度的塔
- 子div没撑起父div高度
- div 列高度一样
- DIV自适应高度
- DIV自适应高度解决办法
- div 自适应高度
- div自动高度
- 高度自适应div
- div自动分配高度
- div的高度问题
- Div高度控制问题
- div css高度自适应
- js控制Div高度
- div+css自适应高度
- DIV高度自适应窗口
- Windows系统下IE单双多进程分析
- Coursera Chaptereight:Lists Assignment 8.5
- Java 自定义异常类
- iOS开发之指定UIView的某几个角为圆角
- Java enum的用法详解
- 让多个 DIV 高度相同
- 网络管理 -- TCP/IP协议簇
- Error:Connection timed out:connect.
- netstat 命令详解
- phyton3.5 django典型错误
- 初实nginx服务器配置之文件目录
- java easyui自定义拓展组件
- 应用程序混淆
- 安装、设置与启动MySql绿色版的方法