제목을 jquerymobile 대화 상자의 제목 표시 줄에 맞추는 방법?

Question

웹 응용 프로그램 개발을 위해 jquery mobile을 사용하고 있습니다. 사용자에게 메시지를 표시하기 위해 jQM-SimpleDialog (jQM-SimpleDialog)를 사용했습니다. 내 메시지 문자열이 잘 렸습니다. 완전한 문장을 보여주는 법? iPhone에서이 출력이 있습니다.

"이 양식을 올바르게 작성하십시오."

감사합니다,

- regeint

절단 오프 무슨 제목을

Answer 1

왼쪽과 오른쪽 여백입니다. 제목과 머리글의 모든 단추가 겹치지 않도록 충분히 크게 설정됩니다. 그래서 그것을 믹스에 추가 모르겠어요

.ui-dialog .ui-header h1 { 
    margin-left : 30px; 
    margin-right : 0px; 
} 

이 수도 해제 센터 제목하지만 난 jQM-SimpleDialog 플러그인을 사용하지 않은 :

는이 같은 일부 CSS를 시도 할 수 있습니다. http://jsfiddle.net/Y75dE/

Answer 2

이 CSS를 통해 수행 할 수 있습니다 : 여기

는 위의 코드의 데모입니다.

클래스를 div/대화 상자에 지정하십시오.

예 :

<div class="mydialog"/> 

는 CSS 파일에서 CSS를 코드 조각 아래에 넣어 헤더이 포함되어 있습니다.

CSS 파일에 클래스를 추가하십시오.

.mydialog { 
    margin-left : 20px; 
    margin-right : 1px; 
} 

사용자의 요구 사항에 따라 왼쪽, 오른쪽을 사용자 정의하는 데 도움이됩니다.