반응형 웹 퍼블리싱반응형 웹이노

Q

line-height로 세로 가운데정렬을 하는 원리

조회 6829

좋아요 30

2018년 12월 7일




댓글 3

2018년 12월 8일
패드에 그림을 그려서 설명드리고 싶은데 새 패드를 사기 위해 팔아버렸더니 그릴 수가 없네요ㅠㅠ... 그림이 그려진 예를 한번 찾아보겠습니다!
2018년 12월 10일
감사합니다. 천천히 부탁드리겠습니다!
2023년 3월 2일
혹시 그럼 button 안에 한 줄 짜리 문구가 들어간다고 할 때, padding과 line-height는 서로 상쇄되나요? 아니면 합해지나요??
A
1개의 답변이 있어요
커뮤니티 파트너 채택



2018년 12월 15일

댓글 15

2018년 12월 16일
와 단번에 이해가 되었어요!!!! 정말정말정말 감사드립니다ㅠㅠㅠㅠㅠ 수정까지 여러번 해주시다니 정말 너무 감사해요.
2018년 12월 16일
영준님덕분에 저같은 코딩꿈나무들이 커갈 수 있는 것 같습니다. 감사합니다 허허헣허
2019년 1월 20일
이해가 안되던 부분인데, 덕분에 이해가 됐어요! 친절한 설명 감사드려요~~
2019년 4월 15일
저도 사실 이부분이 잘 이해가 안되었던 부분인데 정말 덕분에 많은 도움이 되었네요^^ 감사드립니다!!
2019년 5월 15일
저도 크게 도움받고 갑니다.^^ 그러면 이번 과제처럼 설명글의 경우에는 즉, 문장이 길어지는 경우에는 line-height를 활용해서 세로가운데정렬하는 것이 거의 불가능할 것 같은데... 설명 부탁드려도 될까요?
2019년 5월 15일
안녕하세요, 준혁님^^ 이노 과제를 말씀하시는건가요?
2019년 5월 15일
예, 이노 과제의 info 부분에 들어가는 내용 말하는 게 맞습니다 ㅎㅎ
2019년 6월 16일
2019년 9월 5일
세상에 ㅜㅜㅜㅜㅜㅜ가짜로 helper요소 만드는게 복잡해서 line-height만 썼지만 원리는 몰랐던 코딩뉴비인데 이런 꿀같은 원리설명들으니 정말 머릿속에 쏙쏙들어와요 ㅜㅜㅜㅜ정말 감사합니다!!!!!!!
2020년 3월 19일
감사합니다ㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜ
2020년 8월 18일
이 설명으로 line-height과 height 차이점이 정확히 이해되었습니다. 감사합니다!!
2021년 1월 20일
감사합니다~
2021년 3월 21일
그동안 원리도 모르고 막 썼는데 감사해요 이해가 정말 잘되네요!!
2021년 12월 28일
정성추 꾹~!
2022년 4월 22일
그럼 content-area 는 역할이 뭔가요??

(주) 코드잇

대표강영훈

개인정보보호책임자강영훈

이메일support@codeit.kr

사업자 번호313-86-00797

통신판매업제 2019-서울중구-1034 호

주소서울특별시 중구 청계천로 100 시그니쳐타워 동관 10층 코드잇