ABOUT

성능과 운영 안정성을 함께 끌어올리는 개발자입니다.

92% Positional Error Reduction
79% p95 Latency Improvement
90%+ Long Tasks Reduction

2022.02 · 한국장학재단

우수 멘티

한국장학재단 사회 리더 대학생 멘토링 IT

2022.10 · 동작구청

우수 인재상

동작구청 우수 SW 인재

2025.05 · (주) 그랩

프로그래밍 우수상

(주) 그랩 우수 프로그램 개발

2025.05 · AWSKRUG

AWS한국사용자모임 발표

AI agent 스크립트 튜닝 관련 발표

ComputerScience

Development

Engineering

Trouble Shooting

GUESTBOOK

첫 마음부터
함께 나누는 온기

방명록 작성하러 가기

SUBSCRIBE

최신소식을
편하게 만나보세요.

align-self

개별적인 콘텐츠 아이템의 정렬 상태를 설정합니다.

 

정의

alingn-self ?

display: flex 아이템 중 개별 아이템의 정렬 상태를 설정

 

.container{
width:100%;
display:flex;
justify-contents:center;
align-items:center;
align-self:'...'
}`

/* cf) align-item와 align-content는 플렉스 컨테이너에 설정 /*

 

 

 

option 

      auto     기본 값
     stretch     가로 영역 값을 최대
      center     정렬을 가운데로 설정
      flex-start     정렬을 시작점으로 설정
      flex-end    정렬을 끝점으로 설정
      baseline   정렬을 폰트를 기준으로 설정
      inherit   상위 요소한테 상속

 

728x90