`
独孤不求败
  • 浏览: 26088 次
  • 性别: 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百分比布局自动适配

    通过在XML布局文件中使用`android.support.percent`命名空间,我们可以设置子视图的宽度和高度以父视图的百分比来计算。 例如,要创建一个宽度占父视图50%、高度占父视图30%的ImageView,可以这样编写XML: ```xml...

    表格设置table-layout:fixed后对单元格宽度设置无效

    文档中给出了示例代码,通过为每一列指定具体的宽度百分比,可以确保列宽按照指定的宽度显示,而不是被均等分配。 第二种解决方法是,通过添加一个不可见的行来指定列宽。这种方法利用了浏览器渲染引擎在处理表格...

    Android自定义实现圆盘的百分比设置

    在实际项目中,还可以考虑添加更多的自定义属性,如进度条宽度、边框等,以进一步增强组件的可定制性。 记得在实际编码过程中,根据项目的具体需求进行适当的调整和优化。这个自定义组件可以作为一个基础,随着项目...

    Android Support库百分比布局

    - android:layout_widthPercent:设置视图宽度占父视图宽度的百分比。 - android:layout_heightPercent:设置视图高度占父视图高度的百分比。 - android:layout_marginPercent:设置视图边距占父视图相应边的百分比...

    css控制div的宽度

    CSS还允许使用百分比来设置宽度,这样可以实现响应式设计,使得元素宽度根据其父元素的宽度动态调整。例如: ```css div { width: 50%; } ``` 这个div将会占据其父元素宽度的一半。 3. 自动宽度(auto): ...

    自定义百分比的progressbar

    // 根据百分比绘制进度条填充 // ... } ``` 4. 自定义属性: 为了使我们的自定义ProgressBar更易用,可以定义一些自定义属性,如颜色、宽度、高度等。这些属性可以在XML布局文件中设置。创建一个`attrs.xml`文件...

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

    Layui table允许我们通过cols配置项自定义列的配置,包括设置列宽,这为实现百分比宽度提供了可能。列宽属性(width)支持设置为百分比或固定像素值。当设置为百分比时,必须加上百分号(%)。 在cols配置项中,...

    页面出现滚动条的时候如何让滚动条不影响页面宽度

    例如,在浏览器窗口大小变化时,原本使用百分比宽度设置的div等元素可能会因为无法自动居中而出现布局问题。因为之前多出的滚动条空间被隐藏了,所以现在不能使用margin:auto进行自动居中。 总结来说,为了使滚动...

    百分比显示效果css代码

    例如,可以使用JavaScript的`setInterval`函数定时改变`percentage-value`的宽度,或者根据某些事件(如用户交互或数据加载完成)来即时更新。 此外,压缩包可能还包含了一些CSS动画效果,比如平滑的过渡、渐变色...

    JS手动改变table的宽度

    3. **动态调整宽度**: 如果需要根据用户行为或窗口尺寸变化动态调整宽度,可以监听`resize`事件或特定的用户交互事件,然后重新设置宽度。 ```javascript window.addEventListener('resize', function() { table...

    百分比布局

    百分比布局是Android和iOS等移动应用开发中常用的一种布局方式,它允许开发者根据屏幕的宽度和高度以百分比的形式设定视图元素的大小。在响应式设计中,百分比布局扮演着至关重要的角色,因为它能确保应用在不同尺寸...

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

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

    扩展Android百分比布局

    同时,这个扩展还允许自定义参考方向,不仅限于默认的竖直方向参考高度,水平方向参考宽度,开发者可以根据需要设置参考轴,比如可以将某个视图的宽度根据另一个视图的高度来设定,实现更复杂的布局逻辑。...

    数据表格JqGrid自适应列宽度

    1. **Grid宽度设置**:JqGrid允许设置全局网格宽度(例如,`width`属性),这可以是固定的像素值,也可以是百分比值。百分比值有助于实现自适应,因为它是相对于其容器的宽度。 2. **列模型配置**:每个列在JqGrid...

    根据屏幕宽度及展示内容换行

    在Android开发中,根据屏幕宽度和展示内容进行换行是一个常见的需求,特别是在设计响应式布局时。这样的功能可以使应用在不同尺寸的屏幕上呈现良好的视觉效果,确保内容的可读性和用户体验。以下是对这个主题的详细...

    基于jquery的进度条动画,并显示百分比

    通常使用`<div>`元素,并通过CSS来设置样式,例如宽度、背景色等。例如: ```html ; background-color: #3498db;"> ``` 此处,`id="progressBar"`用于在JavaScript中选中该元素,初始宽度设为0%,背景色可以根据...

    CSS设置元素width=100%失效的一种解决方式(该元素的父元素为body).pdf

    当一个元素的宽度设置为百分比时,它会根据其父元素的宽度来计算自身的宽度。如果父元素是`body`,那么理论上这个元素应该充满整个浏览器视口。然而,由于浏览器默认样式和用户代理样式表的存在,`body`元素可能存在...

    宽高设置百分比无效果

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

Global site tag (gtag.js) - Google Analytics