데이터를 가져 오기 위해 JQuery Mobile 및 JSON을 사용하여 모바일 버전의 웹 사이트를 만들고 있습니다. 내가 가지고있는 문제는 당신이 휴대 전화로 웹 사이트를 열 때 data-role="collapsible" 인 DIV는 고정 된 높이를 가지고 있다는 것을 의미합니다. 제목이 "이것은 뉴스의 제목입니다"라는 것을 의미합니다. "이것은 제목입니다 ... "어떻게 그 높이를 바꿀 수 있습니까?협업 요소의 기본 높이 변경
높이를 지정하지 않지만 접을 수있는 요소의 머리글 텍스트가 한 줄로 표시되도록 속성을 설정합니다. 당신이 필요로하는 CSS의 비트를 조정할 수 있습니다 : 기본 jQuery를 모바일으로 http://jsfiddle.net/yvJ93/
그들을 한 줄 수 있습니다 접을 수있는 헤더 white-space : nowrap을 적용 여기
.ui-page .ui-content .ui-collapsible .ui-btn-inner {
white-space : normal;
}
일부 코드가 아마이 질문에 유용 할 것입니다 :
또한, 여기에
white-space에 대한 좋은 읽기입니다. –