atitit.100% 多个子元素自适应布局属性
1.1. 原理1
1.2. table布局1
1.3. css布局1
1.4. 判断amazui加载完毕2
1.1. 原理 每个子元素平均分配,但是有个min-width... min-width优先
算法:首先算出平均值,然后与每一个带min-width的元素比较,大于平均值的min-width的元素单独一组。
其他元素再次计算剩余平均值,分组,直到没有大与当前平均值的元素
1.2. table布局
作者:: ★(attilax)>>> 绰号:老哇的爪子 ( 全名::attilax akbar al rapanui 阿提拉克斯 阿克巴 阿尔 拉帕努伊 ) 汉字名:艾龙, email:1466519819@qq.com
1.3. css布局 min-width list_jobus_cp.js
function selectorwidthadj()
{
if(screen.width>320 && screen.width
{
//alert($(.am-selected).length);
var ctrl=$(.am-selected).last();
var widthx=screen.width-$(ctrl).width()-5;
var width_per=widthx/3;
$(.am-selected).each(function(index, element) {
$(element).css(width,width_per+px);
//alert(index);
if(index>1)
return false;
});
}
}
1.4. 判断amazui加载完毕
if(screen.width>320 && screen.width
{
var timerq5=window.setinterval(function(){
if(isselectorloadfinished())
{
selectorwidthadj();
window.clearinterval(timerq5);
}
},30);
}
function isselectorloadfinished()
{
if($(.am-selected).length
return false;
var ctrl=$(.am-selected).last();
if(ctrl)
{
if($(ctrl).width()>100)
return true;
else
return false;
}
}
1.5. ---finish