页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular

jquery轻松实现所有元素等高sameHeight

布局 html5 HTML我帮您 1年前  次浏览

jquery sameHeight轻松实现所有元素等插件,一个更好的垂直排列在响应布局元素的jQuery插件。默认的插件看起来在孩子的容器,在视觉上的相同的行,它使他们都高达最高的元素那行。如果选择“oneheightforall”设置为true的插件不看行,让所有的孩子相同的高度,不管他们是否在同一行或不。默认情况下,使用CSS属性”高度最小高度”调整,但这是可以改变的“高度”设置选项“usecssheight”为真。这个插件还解决了由于高度差异而引起的浮动单元格的共同问题。

$('.parent-element').sameHeight({

    //this option by default is false so elements on the same row can have
    //different height. If set to true all elements will have the same height
    //regardless of whether they are on the same row or not.
    oneHeightForAll: true,

    //this option by default is false. If set to true css height will be
    //used instead of min-height to change height of elements.
    useCSSHeight: true,

    //this function will be called every time height is adjusted
    callback: function() {
        //do something here...
    }
});



相关链接

发表评论