CSS - Android 브라우저 상단 및 하단 중앙 정렬 문제

Question

btn을 작성할 때 WeChat Android 버전 브라우저에서 위쪽 및 아래쪽 중앙 정렬이 실패합니다. 패딩 상단과 패딩 하단 설정은 분명히 동일하지만 줄 높이를 사용하면 텍스트도 위쪽으로 표시됩니다. 이 상황에서 중앙은 어떻습니까?

Answer 1

IOS 및 Android 실제 기계 테스트 중에 line-height를 사용하여 설정하면 INPUT에 표시되는 콘텐츠가 약간 더 높아집니다. IOS에는 Android보다 1PX 더 많은 콘텐츠가 있다는 것을 본 기억이 납니다. 표시될 때 패딩 상단을 조정하여 정렬할 수 있지만 PC에서는 고르지 않게 보이고 휴대폰에서는 중앙에 배치됩니다.