溢出不适用于div元素jquery

时间:2014-05-23 09:40:09

标签: javascript jquery css dwr

我正在使用div标签,它位于td元素内。 我从dwr [direct web remoting]获取值运行时,它使用ajax调用并设置div元素的高度和宽度。在jquery中的javascript中设置和获取java类的值是有效的。在firefox中设置宽度和高度时,显示滚动条总是尽管内容不存在。我试过用css选项溢出:auto但没用。 它也适用于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中它运行正常。 我已经使用overflow:auto来解决内容溢出问题。 任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

可能是因为TD元素显示'属性本质上设置为“表格单元格”。而不是'阻止'您可能想尝试添加以下css规则:

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

请在this post中查看更多内容。