`
独孤不求败
  • 浏览: 24535 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

根据百分比设置宽度

阅读更多
        var grid_width;
var grid_init=false;

function caculate_grid_width_func(){


var tabPanel = $('#documentlist').closest('.tabs-panels');
if(tabPanel.length>0){
grid_width = tabPanel.width();
}else{
grid_width=$('#documentlist').width();
}


}

/**设置百分比*/
function count_width_func(columnWidth){
var result = 128;
var diff = 0;
columnWidth=null==columnWidth||''==columnWidth||'100%'==columnWidth?'128':columnWidth;

if ( $.browser.msie ){
if('9.0'==$.browser.version )
diff=3;
else if('8.0'==$.browser.version )
diff=3;
else
diff=6;
}
else if($.browser.chrome)
diff=5;
else
diff=2;

if(columnWidth.indexOf('%')>0){
columnWidth=columnWidth.replace('%','')*1;
result=grid_width*columnWidth/100;
}
else if(columnWidth.indexOf('px')>0){
columnWidth=columnWidth.replace('px','');
result=columnWidth;
}
else
result=columnWidth;
return Math.ceil(result)-diff;
}
分享到:
评论

相关推荐

    android百分比布局自动适配

    百分比布局的延伸,百分比布局自动适配。

    yun-percent-support:重写layout,添加可以根据百分比设置控件的宽高,margin,padding等属性的功能

    可以同时根据父控件的高度或者宽度的百分比设置控件的width,height,margin,padding 通过重写Relativitylayout,Linearlayout以及Framelayout来实现此功能,可以嵌套使用,子控件的大小是根据父控件的大小的百分比来...

    宽高设置百分比无效果

    但page没有设置高度、宽度呀,所以这是后设置百分比就属于失效的,想让它全屏那就直接设置父元素的宽高 (此图片来源于网络,如有侵权,请联系删除! )  效果是不是出来啦 (此图片来源于网络,如有侵权,

    RKiOSFrameInPercentage:该库用于根据屏幕分辨率百分比设置您的用户界面,例如

    RKiOSFrameInPercentage 该库用于根据屏幕分辨率百分比设置您的用户界面, 例如:您可以根据屏幕分辨率百分比设置 UIButton 的边框,此支持所有 iOS 设备, 您无需为 iphone 4、5、6、6+、ipad、ipad2、ipad mini ...

    通过js实现百分比进度条

    js百分比进度条,也就是页面元素之间的嵌套,改变其嵌套元素的宽度进而去实现我们所谓的进度条,也可以使用随机数来进行颜色的填充,当我们的变量为99时候,这样内部的嵌套元素的宽度就达到了外部的宽度,所以就可以...

    layui table 列宽百分比显示的实现方法

    今天小编就为大家分享一篇layui table 列宽百分比显示的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    百分比布局

    按照屏幕宽度设定百分比宽高

    纯Css实现Div高度根据自适应宽度(百分比)调整

    但是这个百分比是根据父级的高度来计算的,根本不是根据元素自身的宽度,那么就做不到Div的宽高达成一定的比例=-=)。 要实现这种功能(div的高度:宽度=1:1),通过各种加Buff,得知有以下几种处理方式 1,直接指定...

    宽度百分比单位的转换公式及示例

    当前元素的像素宽度÷当前元素的父元素的像素宽度=当前元素的百分比宽度 例如: 复制代码代码如下: <div id=wrapper> <header><header> <section></section> <aside></aside> </div> 原CSS: 复制代码代码如下: ...

    扩展Android百分比布局

    开源的Android百分比扩展布局,支持width,height,margin.默认竖直方向参考高度,水平方向参考宽度。扩展或可以自定义参考方向

    position:fixed或absolute时百分比参考屏幕宽度

    width:x%用百分比设定元素的宽度,一般情况是指参考父元素的宽度。 但是当position是fixed或absolute时,百分比是参考屏幕的宽度。left:x%等位置属性的百分比也是参考屏幕的宽度。

    Android自定义View实现水平带数字百分比进度条

    这个进度条可以反映真实进度,并且完成百分比的文字时随着进度增加而移动的,所在位置也恰好是真实完成的百分比位置,效果如下: 思路如下:第一部分是左侧的蓝色直线,代表已经完成的... * 进度条画笔的宽度(dp)

    百分比进度条

    简单的百分比进度条,可以任意修改你想要的长度,宽度.一步修改,轻松实现.

    CSS百分比定义高度为什么没有效果

    需要了解的是对于宽度来说,其父级元素无须确定宽度就能设置百分比,例如我们可以利用这个特性给未知宽度的块级元素设置水平居中效果: 父元素css: position: relative/absolute; left: 50%; 子元素css: ...

    Android百分比布局

    继承自Relative的自定义布局,实现了按照百分比布局控件,控件的比例可以按照自己指定的布局,不会因为手机尺寸的原因造成空间比例失调,控件的长宽比例由自己指定,参数值只需要设置一个(手机屏幕的高度或者宽度值...

    div+CSS设置一行内文字超过宽度不换行且不显示截断文字加…

    当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果我们不想让他换行显示那要怎么办呢?看到这个标题很容易就会想到截断文字加“…”的做法。 一般的文字截断(适用于内联与块): =======...

    Emlog Pro动态百分比顶部滚动条插件

    给Emlog博客顶部添加一个动态百分比顶部滚动条,可以选择设置图片、渐变背景样式。这个动态效果出现好久了,然后在js监测屏幕下拉值,最后用css改变图片和背景的宽度,从而实现动态的效果。目前支持10多种样式供选择...

    解决layui-table单元格设置为百分比在ie8下不能自适应的问题

    今天小编就为大家分享一篇解决layui-table单元格设置为百分比在ie8下不能自适应的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

Global site tag (gtag.js) - Google Analytics