div의 크기를 두 배로 늘리면 패턴 배경 이미지가 제대로 작동합니다.

Question

div 요소에 배경 이미지가 있습니다. 이미지는자를 수없는 패턴이므로 항상 이미지의 맨 아래로 끝나야합니다. 이미지 높이는 400px입니다. 따라서 div가 항상 400px 이상이 되길 원하지만 텍스트가 넘칠 때 배경 이미지가 잘리지 않도록 400px로 나눠야합니다. 예 : 400px-> 800px-> 1200 픽셀 등

Answer 1

내용이 페이지로드 후 변경되지 않은 경우 u는 간단한 자바 스크립트 사용할 수 있습니다

window.onload = function(){ 
     var divs = document.getElementsByClass('exampleClass'); 
     for(var i=0;i<divs.length ; i++) 
      if(divs[i].clientWidth % 400 != 0) 
       divs[i].clientWidth += 400 - (divs[i].clientWidth % 400); 

    }