Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
Tags
- 새창열기
- jQuery
- 시맨틱 태그
- css3
- HTML
- window.open
- 가상 요소
- translate
- JavaScript
- 페이지 이동
- Semantic
- Transform
- 구글차트
- onclick
- 깜박임
- window open
- html5
- 팝업
- 시맨틱
- 태그
- script
- Semantic tag
- 가상 클래스
- relative
- position
- googlechart
- tag
- absolute
- jQuery UI
- 툴팁
Archives
- Today
- Total
무아지경
display:table / display:table-cell 속성 본문
display:table / display:table-cell 속성
display:table : 다른 요소를 table태그 속성으로 바꿔주는 역할
display:table-cell : 다른 요소를 tr, td 속성으로 바꿔주는 역할
table표 안에 있는 것처럼 바꿔서 쉽게 정렬 할 수 있게 할때 쓰인다.
td에서 정렬은 text-align:center; vertical-align:middle; 으로 간단하게 가로/세로
정렬이 가능하다.
'퍼블리싱 > HTML5 + CSS3' 카테고리의 다른 글
| 대문자/소문자 변경 text-transform, font-variant (0) | 2018.07.13 |
|---|---|
| display:table 을 이용한 가로/세로 가운데 정렬 (0) | 2018.07.13 |
| a링크 #none / javascript:void(0) (0) | 2018.07.13 |
| window.open() 팝업창 띄우기 (0) | 2018.07.05 |
| 유튜브 동영상 반응형 (0) | 2018.07.05 |
Comments