높이 맞춤
1670 단어 div
function doResize(divID) {
//store logo
const appconHeight = 110;
//store
var shelfOuterHeight = $(window).height()-540<appconHeight?appconHeight:$(window).height()-540;
// store
var rowsCount = Math.floor(shelfOuterHeight/appconHeight);
//store
var shelfInnerHeight = appconHeight*rowsCount;
//
var marginTop = (shelfOuterHeight-shelfInnerHeight)/2;
var shelfSizeStyle = "height: "+shelfInnerHeight+"px;";
shelfSizeStyle += "margin-top: "+marginTop+"px";
$("#itemStoreShelf").attr("style",shelfSizeStyle);
$("#container").attr("style","height:"+($(window).height()-118)+"px");
$("#storeall_con").attr("style","height:"+shelfOuterHeight+"px");
}<div id="storeall_con">
<div class="applist_con" id="appList_con1">
<div id="store_list_show" class="list_show">
<div id="itemStoreShelf" class="list_show">
<!-- div -->
</div>
</div>
</div>
</div><body onload='doResize("appList_con1");' onresize='doResize("appList_con1");'>모든 div에서 Height의 높이를 제거합니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
🧙🏼 HTML 구조를 나타내는 요소: 컨텐츠 분할 요소 : 블록 레벨 요소 : 플로우 콘텐츠를 위한 통용 컨테이너 (순수 컨테이너로서 아무것도 표현안함) : 인라인 컨테이너 : 인라인 레벨 요소 🌵 span (인라인 요소) vs div(블록 요소) ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
