보관함
즐겨찾기
좋아요
최근목록
커뮤니티
건강/의학
문화/엔터
영상/사진
쇼핑/생활
경제/금융
IT/과학
스포츠
여행
음식/요리/맛집
유아/아동
교육/학습
어플/프로그램
유튜브
카페
블로그
자료/파일/문서공유
기타
비즈니스/사업
SNS
자동차
전체보기
전체개요
 
회사명 : 모아요넷
대표자 : 전현미
조회수:102

테이블에서 valign=middle 처럼 div에서 middle 정렬하는 방법

0
테이블에서 valign=middle 처럼 div에서 middle 정렬하는 방법

middle를 원하는 div에 display:table-cell;vertical-align:middle; 이렇게 입력하면

테이블의 valign=middle 처럼 정렬될것 같지 만 정렬되지 않는다

 

감싸고 있는 상위 div에 display:table 을 선언해주었을때 비로소 middle가 적용된다

 

valign정렬이라는것 자체가 table에 있는 속성이여서 그런지 css내에서도 table-cell 처럼 table단어가 들어가 있다 

<div style="display:table;width:200px;height:200px;border:1px solid #000000;">
  <div style="display:table-cell;vertical-align:middle;">00000</div>
</div>
유사한정보
0
0
테이블 사이즈 고정하는 css table-layout:fixed  CSS style 프로그램 소스
테이블 사이즈 고정하는 css table-layout:fixed
0
테이블 사이즈 고정하는 css table-layout:fixed
0
0
0
마우스 오버시 이미지 안쪽으로 테둘이 넣는 방법  CSS style 프로그램 소스
마우스 오버시 이미지 안쪽으로 테둘이 넣는 방법
0
마우스 오버시 이미지 안쪽으로 테둘이 넣는 방법
0
한글,영문입력방법 적용하는 스타일  CSS style 프로그램 소스
한글,영문입력방법 적용하는 스타일
0
한글,영문입력방법 적용하는 스타일
0
백그라운드 이미지에 padding값을 주는 방법  CSS style 프로그램 소스
백그라운드 이미지에 padding값을 주는 방법
0
백그라운드 이미지에 padding값을 주는 방법
0
비밀번호 입력문구 input 이지미 삽입  CSS style 프로그램 소스
비밀번호 입력문구 input 이지미 삽입
0
비밀번호 입력문구 input 이지미 삽입
0
웹폰트를 사용해서 텍스트 폰트변경하기  CSS style 프로그램 소스
웹폰트를 사용해서 텍스트 폰트변경하기
0
웹폰트를 사용해서 텍스트 폰트변경하기
0
textarea내에 엔터를 통해 자동으로 늘리는 방법  CSS style 프로그램 소스
textarea내에 엔터를 통해 자동으로 늘리는 방법
0
textarea내에 엔터를 통해 자동으로 늘리는 방법
0
페이지 출력할때 페이지를 구분해서 프린트하기  CSS style 프로그램 소스
페이지 출력할때 페이지를 구분해서 프린트하기
0
페이지 출력할때 페이지를 구분해서 프린트하기
0
html,body 부분의 스크롤바 제거하는 방법  CSS style 프로그램 소스
html,body 부분의 스크롤바 제거하는 방법
0
html,body 부분의 스크롤바 제거하는 방법
0
0
0
input type=text 태그만 별도로 스타일 지정하는 방법  CSS style 프로그램 소스
input type=text 태그만 별도로 스타일 지정하는 방법
0
input type=text 태그만 별도로 스타일 지정하는 방법
0