您好,欢迎访问一九零五行业门户网

Atitit.100% 多个子元素自适应布局属性_html/css_WEB-ITnose

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
其它类似信息

推荐信息