div 요소 jquery에 오버 플로우가 작동하지 않습니다.

td 요소 안에있는 div 태그를 사용 중입니다. ajax 호출을 사용하고 div 요소의 높이와 너비를 설정하는 dwr [direct web remoting]에서 값 런타임을 얻고 있습니다. 설정 및 jquery 자바 스크립트에서 Java 클래스에서 값을 가져 오는 중입니다. 파이어 폭스의 너비와 높이를 설정하는 동안 스크롤 막대를 항상 보여 주지만 내용은 없습니다. CSS 옵션 오버플로 시도 : 자동 있지만 사용하지. IE 9 이상에서도 잘 작동합니다.div 요소 jquery에 오버 플로우가 작동하지 않습니다.

$("#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를 사용했습니다. 도움이 될 것입니다.

출처

2014-05-23 Shriram

TD 요소의 'display'속성이 본질적으로 '블록'이 아닌 '테이블 셀'로 설정 되었기 때문일 수 있습니다. 당신은 다음과 같은 CSS 규칙을 추가 시도 할 수 있습니다 :

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

이 this post에 더 확인하시기 바랍니다.

출처

2014-05-23 09:41:19

div 요소 jquery에 오버 플로우가 작동하지 않습니다.

답변

관련 문제