설명해주십시오 다음 코드로 만들어 내가는 '취소'버튼을 포함하는 간단한 로그인 폼을

Question

모바일 사파리에 불확실성을 텍스트를 맞 춥니 다

#user-cancel-button{ 
    left: 3px; 
    top:3px; 
    text-align: center; 
    position: absolute; 

} (내가 텍스트 정렬을 설정 한 경우에도 : 왼쪽)이 '취소'텍스트가 항상 오른쪽으로 정렬이 모바일 사파리에서, 그러나, 잘 보이는 모든 데스크톱 브라우저에서

.

반면에 모바일 사파리에서 렌더링해야하는 것처럼 렌더링하는 버튼에 패딩을 추가합니다 (패딩 : 1px). 아무도 무슨 일이 일어나고 있는지 설명 할 수 있습니까? 이 일을

Answer 1

시도 :

<button id="user-cancel-button"><div align="center">cancel</div><button> 

이 모바일 사파리와 함께 문제를 해결해야한다.