Bootstrap4 를 사용한 Masonry 스타일 구현목표 : 핀터레스트 같은 그리드를 표현하기 위해 사용하던 masonry.js를 bootstrap4의 card-columns 을 이용하여 구현.Bootstrap4 문서를 보다가 flex를 이용하여 Masonry를 구현이 가능하다 라는 내용을 보고 실제로 테스트 해 보았음.기본 모양 자체는 Bootstrap4 document 를 사용하여 쉽게 구현이 가능 하다. Card 1 This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. Card 2 Someone famous in Sou..
css로 간단하게 하는방법 입니다.
.tr_table_fix_header { position: relative; top: expression(this.offsetParent.scrollTop); z-index: 20; } 번호 제목 작성자 1. 테이블 해더 스크롤 고정 한연석 스타일 속성 중 top: expression(this.offsetParent.scrollTop); 부분이 테이블 헤더를 고정 시켜주는 속성입니다. 자신의 offsetParent 객체를 지정하여 offsetParent 의 scrollTop 스크롤 수치 만큼 태그를 이동시킵니다. 속성 중 position: relative; 부분도 반드시 지정되어야 하는 부분입니다. 테이블 헤더를 이동 시키는 것을 약간 변경하면 Column에 대한 고정도 가능합니다. .td_table_f..