jQuery mobile Header 글씨 짤림 덜하게 만들기

jQuery Mobile의 상단(Header)의 글씨 잘림 현상이 있을 수 있습니다.

해당 부분의 CSS를 주면, 조금 더 글씨가 보이게 됩니다.

<style> .ui-header .ui-title { margin-left: 1em; margin-right: 1em; } .ui-header .ui-title { text-overflow: clip; } </style>

HTML부분

<div data-role="header" data-theme="a"> <h2>제목이 길었을때 ...으로 됩니다.</h2> </div><!-- /header -->

참고: https://stackoverflow.com/questions/5199977/jquery-mobile-title-limit