CSS로 레이아웃을 잡는 방법, IE 11부터 원활하게 적용되며, -ms-를 붙일경우 IE10에서도 적용가능.
아직 flexbox에 대해서는 제대로 공부하지 못했다 ㅠ.ㅠ
flexbox를 이용한 중앙정렬이라는데,
.vertical-container { height: 300px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
728x90
'퍼블리싱 > HTML | CSS | Javascript' 카테고리의 다른 글
HTML,CSS를 이용한 hover 이펙트 (0) | 2017.04.02 |
---|---|
텍스트 드래그 스타일링 (0) | 2017.04.02 |
배경'만' 투명도 조절 (0) | 2017.04.02 |
텍스트의 각도 변경하기 (transform) (0) | 2017.04.02 |
테두리 여러개 그리기 (0) | 2017.04.02 |