jQuery Mobile‎ > ‎버튼‎ > ‎

넓다란 버튼이 싫다면...


기본적으로 하나의 버튼은 화면의 가로폭을 모두 차지하게 된다. 하지만 data-inline="true"를 지정하면 아이콘과 텍스트에 필요한 크기만을 갖는 버튼이 되고 줄바꿈은 일어나지 않는다.

다음 예에서 두 개의 버튼은 한 줄에 표시될 것이다.

<a href="index.html" data-role="button" data-inline="true">취소</a>
<a href="index.html" data-role="button" data-inline="true" data-theme="b">
저장</a>

만일, 버튼들이 한 줄에 나열되어 표시되지만 전체 화면 폭을 차지하게 하려면 칼럼 그리드를 사용하면 된다.


Comments