对齐有时候可能是网页制作中一个让人头疼的问题,但如果有了equalize.js,你就可以稍微喘口气了。

equalize.js可以帮你自动计算几个元素中的大小关系,并帮你迅速将其化为等宽或等高的元素,非常有用。

如何使用

equalize.js提供多种对齐方式,比如将元素等高对齐:

//height-example是你需要对齐的元素群的父对象
$('#height-example').equalize(); //无参数表示等高对齐

实际上任意jQuery的度量都可以作为对齐依据:

$('.parent').equalize('height'); // 等价于无参调用
$('.parent').equalize('outerHeight');
$('.parent').equalize('innerHeight');
$('.parent').equalize('width');
$('.parent').equalize('outerWidth');
$('.parent').equalize('innerWidth');

许可证

很遗憾我没有找到equalize.js的许可信息。

About liuyanghejerry

富有激情的前端工程师,专注GUI开发。

Comments are closed.

Post Navigation