Hexion Lab Design

  • 홈
  • 태그
  • 방명록

text-align 1

[CSS] <div> 텍스트 가운데 정렬하는 법!

[CSS]  텍스트 가운데 정렬하는 법!  div의 display는 block입니다  (1)div의 크기를 width:550pxheight:50px으로 지정해줬어요여기서 heigth(높이)를 기억해주세요(2)가로정렬 text-align : center; text-align 속성은 텍스트의 정렬 방향을 의미합니다.  (3)가로정렬을 해줬으면 세로정렬을 해줘야겠죠 주의할점은 line-height의 값을 내가 지정한 height의 값과 동일하게 지정해줍니다.  세로정렬line-height:50px; line-height는 줄 간격을 조정합니다. (줄의 높이를 지정)   !!line-height는 줄간격을 조정하기 때문에텍스트의 줄이 늘어나면 지정한 행간만큼 다음줄에 입력되는 대참사가 발생한다... 일단 급하게..

퍼블리싱 2022.03.07
이전
1
다음
더보기
프로필사진

Hexion Lab Design

  • 분류 전체보기
    • 디자인
      • 디자인기초
      • 어도비
      • 피그마
    • 퍼블리싱
    • 프론트엔드
    • 프로그래밍
      • JavaScript
      • Java
      • Python
      • Android Studio
      • Other information
    • 일상
      • 여행
      • 맛집
      • 브이로그

Tag

필드, java, 개발, 코딩, 자바, 리액트스크롤, 리액트, HTML, CSS, 자바스크립트, 박스모델, JavaScript, 웹디자인, 안드로이드스튜디오, 자바스크립트 리턴, 디자인 기초, 프론트엔드, 프로그래밍, 갤럭시워치7, 웹개발,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바