위토즈 - 개발자프로그램판매공간

정보공유

[퍼블리싱] CSS를 사용하여 4x4 형태의 갤러리 디자인 그리드


ae51ea9be03b780dce57a649b3b8942f_1709604193_0757.png
 



<style>

.gallery {display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;}

.gallery-item {background-color: #ddd;padding: 20px;text-align: center;}

</style>


<div class="gallery">

    <div class="gallery-item">1</div>

    <div class="gallery-item">2</div>

    <div class="gallery-item">3</div>

    <div class="gallery-item">4</div>

    <div class="gallery-item">5</div>

    <div class="gallery-item">6</div>

    <div class="gallery-item">7</div>

    <div class="gallery-item">8</div>

    <div class="gallery-item">9</div>

    <div class="gallery-item">10</div>

    <div class="gallery-item">11</div>

    <div class="gallery-item">12</div>

    <div class="gallery-item">13</div>

    <div class="gallery-item">14</div>

    <div class="gallery-item">15</div>

    <div class="gallery-item">16</div>

</div>

정보공유
Total 448건 1 페이지
번호 제목 글쓴이 날짜 조회
448 그누보드 관리자화면에 iframe 으로 띄울경우 엣지브라우저에서 튕기는 현상 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-17 476
447 쿼리 성능 최적화 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-07 535
446 스마트 에디터 세로 사이즈 강제로 해당 페이지에서만 늘리는 방법 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 02-28 652
445 그누보드에 reCAPTCHA 설정하기 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-07 1004
444 mb_id 가 포함된 테이블 목록 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 11-22 1522
443 숫자형 input 요소 글자수 제한 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-29 2222
442 php 8.0 이상 버전에서 엑셀파일 업로드 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-18 3376
441 금액 카운팅 모션 다라라락 변화 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-26 2776
440 가장 심플한 예약 주문번호 생성 코드 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 05-28 3645
439 php 와 ajax 를 이용해서 파일 업로드 할때 대용량 파일을 업로드 하는 방법 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 05-23 3951
438 dl dt dd css 샘플 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 05-13 3093
437 datepicker 를 이용해서 달력3개를 표시하고 원하는 날짜만 선택이 가능하도록. 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-28 3435
436 입금된 주문도 준비, 배송전까지는 취소할 수 있도록 하는 방법 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-10 3756
열람중 CSS를 사용하여 4x4 형태의 갤러리 디자인 그리드 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-05 3553
434 magnificPopup css 를 추가하여 popup 마다 다른 사이즈 로 띄우기. 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-16 4161