풍선도움말...

ㆍ호가계부를 시작페이지로

은행 카드 증권 보험 부동산

     
My 즐겨찾기 수정
[무료]  오늘의 운세  /  바이오리듬
여기는 회원님이 직접 등록하신
즐겨찾는 사이트가 출력됩니다.
컴퓨터와 관련있는 모든 팁을 공유합시다.

Html CSS 수직으로 중앙 정렬 하는 방법

 호가계부|2019-07-05 12:07:25|조회 : 9349
가로로 가운데 정렬은 쉬운데, 수직으로 가운데 정렬은 좀 번거럽게 해야 하는 경우가 많이 있었어 "가상 테이블 레이아웃" 이라불리는 display:table-cell; 속성을 활용해서 설정하면 좀 쉽게 설정할 수 있습니다.

css 스타일에서 display 속성을 table-cell 로 설정하고 vertical-align 속성을 top, middle, bottom 중 한 가지를 선택하면 됩니다.



    
    
    

vertical-align:top;vertical-align:middle;vertical-align:bottom;

display: table-cell;



TAG : Html  CSS  수직중앙정렬  가운데정렬  display  table-cell  vertical-align 


번호 제             목 첨부 작 성 일 작성자 조회
98  

Html CSS 수직으로 중앙 정렬 하는 방법

   2019-07-05 호가계부 9349
89  

MySql 기존 컬럼에 자동증가 속성 변경, 추가 및 초기화

   2018-08-15 호가계부 61238
88  

CSS 반응형 레이아웃 만들기

 2018-07-25 호가계부 55992
87  

CSS로 글자 자르기 및 말줄임 표시 하기

   2018-07-24 호가계부 40834
72  

android:theme="@android:style/Theme.Dialog" 에러가 날때

   2014-07-12 호가계부 10698
63  

HTML과 XHTML의 차이점

   2010-11-04 관리자 73656
60  

alt 나 title의 줄바꿈은 & # 1 3 ;

   2010-08-18 관리자 51613
34  

[리눅스] cp - 파일복사

(1) 		  2007-04-25 관리자 8739
17  

Outlook Express 의 메일 백업

   2006-05-19 관리자 5608
처음으로 앞으로 | [1] | 다음 마지막