代码之家 › 专栏 › 技术社区 › Sandeep Bhardwaj

div的一致行为,与设备分辨率无关

twitter-bootstrap css jquery

Sandeep Bhardwaj · 技术社区 · 6 年前

我在div里面有一张桌子,高度=500px,它显示20行,之后会有垂直滚动条。

但这种行为在高分辨率屏幕上是不一致的,它显示超过20行。如何在不考虑设备分辨率的情况下保持这种行为的一致性。

有什么jQuery方法可以用来修复它吗。

<div class="col-sm-12" style="padding-left:0px; padding-right:0px; height:500px;overflow-y:scroll;width:50%;">
    <table id="physician-table-body" class="table table-bordered table-icon" style="width:100%">
        <tbody id="physicianTableData"></tbody>
    </table>
</div>

1 回复 | 直到 6 年前

Sandeep Bhardwaj 6 年前

最后,它的工作没有任何插件。

var sum=0;
    $('#' + tabName + '-table-body tbody>tr').each(function(index, value) {
        if(index===27)
        {
            var div = $('#' + tabName + '-table-body').parent('div');
            div.css("height", sum);
            return false; 
        }
        sum += $(value).height();
    });

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前