TRstory

Flex ContainerCSS Flex Items (ie11)flex-direction:row(기본값) ordernumber0플렉스 항목의 순서지정  column flex-grownumber1아이템 비해 얼마나 커질지 row-reverse flex-shrinknumber1아이템 비해 얼마나 작아질지 column-reverse flex-basispxauto초기 길이를 지정flex-wrap: nowrap(기본값)     wrap align-selfauto align-items : 설정 재정의align-content: normal (기본값) stretch  center  center  flex-start  flex-start  flex-end  flex-end  space-around  baseline  s..

css .xxx { max-height : calc(100vh - 50px); max-height : calc(var(--vh, 1vh) * 100 - 50px); } js(jQuery) var vh = window.innerHeight * 0.01 document.documentElement.style.setProperty('--vh', `${vh}px`) window.addEventListener('resize', () => { var vh = window.innerHeight * 0.01 document.documentElement.style.setProperty('--vh', `${vh}px`) }) $(".xxx").css({ "max-height" : "calc(100vh - " + "50px..