버튼 안 도형 크기를 변경해도 정중앙에 오게 하려면?
본문
도형크기가 30px일 때는 정중앙에 배치돼요.
https://codepen.io/sinbi/pen/JoPaPOE
그런데, 도형크기를 40px로 수정하면 정중앙으로 안 와요.
https://codepen.io/sinbi/pen/mybGbqx
도형크기에 변화를 줘도 정중앙에 오게 하려면 어떻게 해야 하는지 ?
ChatGPT랑 씨름해봤는데, 답이 안 나오네요. ㅜㅜ
답변 3
글자자체에 상단여백이 있네요. 그냥 이미지로 만들어 쓰세요.
<div style="background-color:#ff0000;font-size:40px;padding:0px">▣</div>
아하, 그런 거였군요. 어쩐지 위쪽 여백이 더 크더라니...
막눈이라 그런지... 링크 들어가보니 둘 다 중앙으로 잘 오는 것 같은데요....
40px 일때,
30px 일때,
제 답변글 이미지처럼, 위쪽에 여백이 좀 더 커요.
오... 신기한데요?! 저도 크롬 시크릿모드였는데도 같은 브라우저에서도 차이가 있나보네요;;
크롬 최신 버전에서 아래처럼 보이네요.
답변을 작성하시기 전에 로그인 해주세요.