Foundation 均衡器(Equalizer)1

简介: 在 Foundation 框架中,通过在容器元素上添加 `data-equalizer` 属性,并在其子元素上添加 `data-equalizer-watch` 属性,可以创建一个使所有子元素高度一致的均衡器。最高元素的高度将决定其他元素的高度。需初始化 Foundation JS。

Foundation 均衡器(Equalizer)
我们可以在容器元素添加 data-equalizer 属性,并为每个子元素添加 data-equalizer-watch 属性来创建一个相同高度的均衡器。最高的元素决定了其他元素的高度。

注意: 均衡器需要使用 JavaScript,所以你需要初始化 Foundation JS:

实例



Lorem ipsum...


Sed ut...


Lorem ipsum...

相关文章
|
编解码 监控
使用OBS Studio进行多路直播时,有哪些高级设置可以优化同步性?
使用OBS Studio进行多路直播时,有哪些高级设置可以优化同步性?
|
JavaScript
【vue】 Tinymce 富文本编辑器 不想让上传的图片转换成base64,而是链接
【vue】 Tinymce 富文本编辑器 不想让上传的图片转换成base64,而是链接
742 0
|
Java Apache
Java代码使用POI导出的单元格加上边框和背景色
【5月更文挑战第3天】Java代码使用POI导出的单元格加上边框和背景色
1233 0
|
移动开发 JavaScript 前端开发
分享996个实用的JavaScript特效你要的全在这里
分享996个实用的JavaScript特效你要的全在这里
1121 0
创新型中小企业与科技型中小企业认定有什么区别?
创新型中小企业与科技型中小企业认定标准及异同点
982 0
|
数据采集 前端开发 开发者
标签的语义化及标题标签|学习笔记
快速学习标签的语义化及标题标签
247 0
标签的语义化及标题标签|学习笔记
|
存储 弹性计算 运维
阿里云服务器ECS与传统服务器、虚拟主机、VPS主机有何区别?
阿里云服务器ECS到底是什么呢?与传统的服务器虚拟主机、VPS主机有什么区别呢?专门为用户提供阿里云代金券免费领取及云产品1折优惠的网站平台:”尊托云数“,将详细介绍阿里云服务器ECS与传统服务器之间的区别。
4379 0
|
9天前
|
存储 关系型数据库 分布式数据库
PostgreSQL 18 发布,快来 PolarDB 尝鲜!
PostgreSQL 18 发布,PolarDB for PostgreSQL 全面兼容。新版本支持异步I/O、UUIDv7、虚拟生成列、逻辑复制增强及OAuth认证,显著提升性能与安全。PolarDB-PG 18 支持存算分离架构,融合海量弹性存储与极致计算性能,搭配丰富插件生态,为企业提供高效、稳定、灵活的云数据库解决方案,助力企业数字化转型如虎添翼!