1
여러 줄의 제목이 아이콘과 나란히 있습니다. 그 제목의 줄 높이를 약 1.6으로 유지하고 싶습니다. 그래도 그렇게하면 텍스트가 세로로 가운데에 있기 때문에 텍스트가 맨 위에 정렬되지 않습니다. 결과적으로 아이콘의 위쪽이 텍스트의 맨 위에 정렬되지 않습니다. 줄 높이 1을 사용하면 동일한 크기의 줄에있는 텍스트의 가운데 세로 맞춤이 위쪽 맞춤과 같기 때문에 문제가 발생하지 않습니다.줄 높이 (또는 줄 높이가없는 세로 간격)의 위쪽 세로 맞춤
내 뜻은이 code pen입니다.
아이디어가 있으십니까?
제목에 음의 위쪽 여백을 추가 할 수 있습니다. – Nit
그게 효과가 있지만, 나는 더 깨끗한 솔루션을 상단에 정렬하기를 바랬다. (그래서 여백을 얼마나 많이 넣을 지 알 필요가 없다.) 어쨌든 이것은 아마도 유일한 방법 일 것입니다. – stilllife
폰트 크기를 'em'에 정의하고 음수 상단 여백을'em'에도 정의 할 수 있습니다. 그러면 폰트 크기가 상속되는지 여부에 관계없이 정렬 할 수 있습니다. – Nit