JQuery UI 툴바 버튼 레이아웃

JqueryUI의 툴바를 사용하고 있습니다.JQuery UI 툴바 버튼 레이아웃

저는 툴바에 두 개의 버튼이 있습니다. 하나의 버튼을 왼쪽에 정렬하고 하나의 버튼을 오른쪽에 정렬하고 두 버튼을 같은 라인에 배치하고 싶습니다.

현재 내가 할 수있는 일은 왼쪽 또는 오른쪽으로 두 버튼을 모두 가져 오거나 왼쪽에 하나의 버튼을 얻고 오른쪽에있는 버튼 하나를 더 낮은 라인에 가져 오는 것입니다.

다음은 도구 모음에 대한 내 코드입니다 :

<span id="toolbar" class="ui-widget-header ui-corner-all"> 
       <div align='left'> 
         <input id='button' type="submit" value="My Decks" onclick="window.location.href='listDecks.php'"/> 
         <input id='button' type='submit' name='log-out' value='Logout' onclick="window.location.href='logout.php'" /> 
       </div> 
     </span>

당신은 내가 그것을 대단히 감사하겠습니다 같은 줄에 그들을 얻을 수있는 어떤 제안이있는 경우

출처

2012-11-06 ZAX

내가 당신이 원하는 것을 정말 잘 모르겠지만, 내가 뭔가 할 것 :

<input id='button'class="left" type="submit" /> 
<input id='button' class="right" type='submit'/>

및 버튼에 CSS 클래스를 추가, 그래서 당신은 규칙을 추가하고 플로트 수 있습니다

.left {float: left;} 
.right {float: right;}

이 라이브를 확인하십시오. example.

참고 나는 당신이 가지고있는 CSS 코드를 모르기 때문에이 당신을 위해 작동하는지 모르겠습니다.

내가 생각할 수있는 또 다른 문제는 "ui-widget"에 대한 CSS 코드를 확인하는 것입니다. 종종 문제가 발생할 수 있기 때문입니다. 저는 개인적으로 Mozilla의 Chrome 또는 Firebug 용 "inspect 요소"를 사용합니다.이 도구는 훌륭한 디버깅 툴인 "라이브"CSS 편집 기능을 제공합니다.

출처

2012-11-07 00:04:29 Boris

JQuery UI 툴바 버튼 레이아웃

답변

관련 문제