繁体   English   中英

溢出不适用于div元素jquery

[英]overflow is not working for div element jquery

我正在使用td元素内的div标签。 我从使用ajax调用并设置div元素的高度和宽度的dwr [direct web remoting]获取值运行时。 在jquery的javascript中从java类设置和获取值的工作。 在firefox中设置宽度和高度时,即使内容不存在,也会始终显示滚动条。 我尝试使用CSS选项溢出:自动但没有用。 而且它在IE 9+中也能很好地工作。

$("#idofDiv").resizable();
        $("#idofDiv").resizable({
            start: function(e,ui){
            },
            resize: function(e,ui){
            },
            stop: function(e,ui){
            var newWidth = $("#idofDiv").width();
                var newHeight = $("#idofDiv").height();
                JavaClass.setWWidth(newWidth.toString());
                JavaClass.setWHeight(newHeight.toString());
                $("#idofDiv").width(parseInt(newWidth));
                $("#idofDiv").height(parseInt(newHeight));
            }
        });

在上面的代码中,在调整div标签大小的同时,我使用DWR在会话中存储值。 一切正常。 在div元素中,如果内容超出限制,则应显示滚动条。但是在mozilla中,每次都会显示滚动条,但在IE中它可以正常工作。 我已经使用过溢出:自动用于内容溢出。 任何帮助将不胜感激。

可能是因为TD元素的'display'属性固有地设置为'table-cell'而不是'block'。 您可能要尝试添加以下CSS规则:

#table{
    table-layout:fixed;
    overflow:hidden; 
    white-space: nowrap; 
}

请在这篇文章中查看更多信息

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM