사용자 지정 테마를 포함한 모든 모듈이 포함 된 JQuery UI 스크립트를 사용하고 있습니다. dialog() 함수를 사용하여 간단한 모달 대화 상자를 만들었습니다. 문제는 대화 상자가 나타나면 제목 영역이 너무 크고 제목 영역 아래에 'x'(창 닫기 용)가 표시된다는 것입니다. 이 문제를 일으키는 원인과 해결할 수있는 것이 무엇인지 알아야합니다. 나는 제목 문자열을 작성하는 경우,JQuery UI 대화 상자의 제목이 너무 많이 나타납니다.
title too big http://dl.dropbox.com/u/12004956/2011-08-06_155144.png
그것은 'X'선 위에 나타납니다
여기가 그것을 보여줍니다 이미지입니다.
원래는이 데모에 같이 나타납니다: 나는 시도했다 http://jqueryui.com/demos/dialog/#animated
:
1) .ui-위젯 { 글꼴 - 가족 : 굴림; font-size : 10px; }
2) 컨테이너의 DIV에 작은 글꼴 크기를 적용해도 문제는 해결되지 않습니다.
감사합니다.
을 만들었습니다. 바로 JS 디버거에서 'x'가 오른쪽으로 이동하지만 헤더의 높이는 그대로 유지됩니다. 같은. 하지만 클래스 속성으로 대량으로 처리해야한다고 생각하지 않습니다. 바로 사용할 수 있습니다. –
CSS를 수정하기 위해 CSS를 사용했습니다. –