테스트 사이트 - 개발 중인 베타 버전입니다

버튼 안 도형 크기를 변경해도 정중앙에 오게 하려면? 채택완료

sinbi 9개월 전 조회 3,079

도형크기가 30px일 때는 정중앙에 배치돼요. 

https://codepen.io/sinbi/pen/JoPaPOE

 

그런데, 도형크기를 40px로 수정하면 정중앙으로 안 와요.

https://codepen.io/sinbi/pen/mybGbqx

 

도형크기에 변화를 줘도 정중앙에 오게 하려면 어떻게 해야 하는지 ?

ChatGPT랑 씨름해봤는데, 답이 안 나오네요. ㅜㅜ

 

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
9개월 전

글자자체에 상단여백이 있네요. 그냥 이미지로 만들어 쓰세요.

 

<div style="background-color:#ff0000;font-size:40px;padding:0px">▣</div>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

s
sinbi
9개월 전
아하, 그런 거였군요. 어쩐지 위쪽 여백이 더 크더라니...

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
9개월 전

크롬 최신 버전에서 아래처럼 보이네요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

c
9개월 전

막눈이라 그런지... 링크 들어가보니 둘 다 중앙으로 잘 오는 것 같은데요....
 40px 일때,
 30px 일때,

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

s
sinbi
9개월 전
제 답변글 이미지처럼, 위쪽에 여백이 좀 더 커요.
c
coDribble
9개월 전
오... 신기한데요?! 저도 크롬 시크릿모드였는데도 같은 브라우저에서도 차이가 있나보네요;;

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인