본문 바로가기

Ted's Codding study

검색하기
Ted's Codding study
프로필사진 Ted93

  • 프론트엔드 (73)
    • HTML (0)
    • CSS (5)
    • JavaScript (28)
    • TypeScript (37)
    • Github (1)
    • projects (1)
    • 노마드코더 (0)
Guestbook
Tags
  • regular-expression
  • JSON
  • javascript
  • todo-list
  • parse
  • 정규표현식
  • 패스트캠퍼스
  • todos
  • 제너릭
  • cookie
  • DOM
  • stringify
  • 자바스크립트
  • 내일배움카드
  • K디지털기초역량훈련
  • CSS
  • typescript
  • 투두
  • 타입
  • 타입스크립트
  • 투두리스트
  • 프론트엔드 강의
  • 국비지원교육
  • regex
  • document-object-model
  • type-annotation
  • localstorage
  • getItem
  • setItem
  • Todo
more
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록Table (1)

Ted's Codding study

vertical-align(수직 정렬) - Part2

1.inline/inline-block 요소 간의 수직 정렬 (이전 글)2.테이블 셀 요소 내부의 수직 정렬 (다음 글)기본 구문 : vertical-align: middle; (top, middle, botom 등이 있으며) default 값은 middle이다.2.테이블 셀 요소 내부의 수직 정렬vertical-align 속성을 사용하지 않은 default 값인 middle인 상태제일 왼쪽 셀에 글자가 많아지면서 자연스럽게 셀의 길이가 늘어난 상태가 되고다른 셀의 글자가 자동으로 가운데로 들어가 있음// 전체 소스 코드는 길어서 제일 아래에 첨부 자차카타 vertical-align: top; 을 하게되면, 셀 안의 글자가 위로 정렬 자차카타vertical-align: bottom; 을 하게되면, ..

CSS 2024. 4. 23. 20:07
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바