24.04.17 수 TIL(Today I Learned)

TIL(Today I Learned)

: 매일 저녁, 하루를 마무리하며 작성 !
: ⭕ 지식 위주, 학습한 것을 노트 정리한다고 생각하고 작성하면서 머리 속 흩어져있는 지식들을 정리 !

팀 소개 페이지 미니프로젝트 진행

detail.html

.thumbnail {
            overflow: hidden;
            float: left;
            width: 350px;
            height: 450px;
        }

        .thumbnail img {
            max-width: 100%;
            /* 이미지의 최대 너비를 부모 요소의 크기에 맞게 설정 */
            height: auto;
            /* 가로 비율을 유지하면서 이미지의 높이를 자동으로 조정 */
        }

• 이미지 파일의 크기가 넘쳐 특정 부분이 잘려 출력될 경우 크기를 조절
• 이미지의 자리를 원하는 곳에 배치시키기도 용이

detail.html

.container-fluid .table {
            width: 350px;
            height: 350px;
            float: left;
            border: 1px solid white;
            margin: 20px;
            /* 여백 통일 */
        }

        .container-fluid .table th,
        .container-fluid .table td {
            text-align: center;
            /* 텍스트 중앙 정렬 */
            vertical-align: middle;
            /* 세로 중앙 정렬 */

        }

• 테이블 안의 요소들 상하좌우 정렬시키기
• 요소들의 여백 크기 통일 시키기