가운데 정렬 잘못 정렬합니다.

뒷 페이지의 화살표 때문에 머리글 가운데에 텍스트를 정렬 할 때 문제가 있습니다. 내 코드는 다음과 같다 :가운데 정렬 잘못 정렬합니다.

는

<ion-header> 
    <ion-navbar> 
    <ion-title> 
     <center> 
      Domótica 
     </center> 
    </ion-title> 
    </ion-navbar> 
</ion-header>

그러나 텍스트 "Domótica는"중앙에 있지 않습니다. 누가 그것을 해결할 수 있는지 아는 사람이 있습니까? 진심으로 감사드립니다.

감사합니다.

출처

2016-09-21 Tecnico

왜 '

'태그를 사용합니까? 'ion-title'이 중심을 기본값으로하지 않습니까? – Ivaro18

그리고 헤더 라인의 색상을 변경하는 것에 대한 질문이 보이지 않습니까? ;) – Ivaro18

하하하 당신 말이 맞아요 Ivaro18! 아직도 나는 fuc *** 라인의 색깔을 바꾸는 방법을 모른다 : D 나는 "이온 제목"으로 맛을 보았지만 작동하지 않는다 ... 구글 크롬에서 잘 작동하지만 스마트 폰 안드로이드는 그렇지 않다. 그렇게 노력하십시오 ... 그게

과 같은 문제로 시도하는 이유입니다. 나는 이오니아와 많은 문제들로 새로운 일을하고 있습니다. – Tecnico

고객 CSS를 적용하려면 sass를 사용해야한다고 생각합니다. 당신은 HTML 페이지

ion-title { 
    position: absolute; 
    top: 0; 
    left: 0; 
    padding: 0 90px 1px; 
    width: 100%; 
    height: 100%; 
    text-align: center;

}

응원과 같은 위치에 test.scss에서 샘플 코드를 찾을 수있다!

출처

2016-09-21 14:54:11 johnny

이 특정 scss 파일에 대한 추가 설명 : https://forum.ionicframework.com/t/ionic-2-navbar-ion-title-align-center-for-android/52263 – Ivaro18

답장을 보내 주셔서 감사합니다. 미안, 나는 잘 이해하지 못했다. 내 3 파일, (example.html, example.scss, example.ts) 폴더가 ... 내 example.scss 코드를 포함하여 잘 작동합니다 말할? 미리 감사드립니다. – Tecnico

나는 내 문제에 대한 해결책을 적용했습니다. 나는 그것이 잘 작동하고 있다고 확신한다! =)) – johnny

나는이 답변에 대해 늦다는 것을 알고 있지만, 센터 된 제목을 사용하여 뒤로 버튼을 작동시키는 해결책을 발견했습니다.

이 코드는 앱에 추가 할 수 있으며 수정되었습니다. 이 모든 요소를 덮어 전체 공간을 차지하여 표제 절대 :

.back-button.show-back-button { 
z-index: 9999; 
display: inline-block; 
}

이 때문에 기본적으로 위치를 이용하여 가기 버튼의 Z 위치를 이동한다.

출처

2017-02-25 05:22:39

이것은 나를 위해 일했습니다. 고마워요. 위의 솔루션을 센터링에 사용하면 다시 버튼이 작동합니다. 다양한 테스트를 통해 로고를 중앙에 맞추기 위해 패딩을 설정하는 것으로 보입니다. 약 44px (뒤로 버튼 너비를 고려)가 잘 작동했습니다. 그러나 나는 정확하게 중심에 놓여 있다는 확신과 함께 이것을 가지고 갈 것입니다. – drlff

나는 그것이 당신을 위해 일해서 다행입니다. 현재이 해킹을 아무 문제없이 사용하고 있습니다. 나는 다른 해결책을 찾고있다. 안타깝게도 안드로이드는 기본적으로 중앙 정렬되지 않기 때문에 이것에 대한 풀 요청을 할 수 없습니다. –

가운데 정렬 잘못 정렬합니다.

답변

관련 문제