회사에서 개발하는데 디자이너찡이


1. 세로중앙 정렬

2. 문자수에 따라서 개행

3. 문자수는 유동적으로 변함


이러한 조건들을 걸고 만들라고 시키더라구요


[ 헤드  >   보디 ] 이런형태인데


헤드랑 보디의 문자열이 각각 따로 변하고 그러거든요;;;


제가 찾아보니 높이가 정확하게 지정이 안되어있으면 포지션 밖에는 못쓰더라구요

근데 포지션을 쓰면 글자가 잘릴 수 도 있다는데 잘리면 곤란해요;;


그래서 flex를 써봤는데요

align-self를 center로 해서

보디는 세로 중앙정렬에 성공을 했는데

헤드는 중앙정렬을 하니 색이 상하로 없어져서 곤란하네요


색을 최대한 늘려서 칠하려고 align-self: stretch;를 하니

이번에는 세로 중앙정렬이 사라져서 곤란합니다.


센터랑 스크래치 기능을 다 합친건 없나요?


회사에서는 순수하게 css만을 써서 높이지정 없이 세로중앙 정렬을 시키라는데 지금 6시간째 헤매고 있습니다


누가 좀 살려주세염