본문 바로가기
프로그래밍

태그 (DIV) 세로로 가운데 놓기 CSS

by hansoo.labs 한수댁 2018. 1. 16.

태그 블럭을 세로로 가운데 놓는 CSS
감싸는 아이에게 높이를 꼭 지정해줘야 함.

Place a tag block in center vertically by css



.block {
    height: 100px;
}

.center_in_block {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    display: inline-block;
}


태그

,

댓글0