센터링 jquery-ui 버튼

이상한 것. 나는 div을 또 하나의 div 안에 넣고, div이 .button으로 바뀔 때까지 모두 괜찮습니다. 그러면 더 이상 중심에 있지 않습니다.센터링 jquery-ui 버튼

HTML :

<div style='width:100%;'> 
    <div id='bt_click_me' class='button'>Click</div> 
</div>

CSS : bt_click_me 그냥 텍스트로 일반 div 경우, 모든 괜찮

#bt_click_me 
{ 
    width:100px; 
    margin: 0 auto !important; 
}

. $('.button').button()을 실행하면 멋진 jquery-ui 버튼으로 바뀌지 만 바깥 쪽 div의 왼쪽으로 이동합니다. 모든 단서?

출처

2011-09-28 Jakub M.

은 CSS의 다른 곳에서 사용되는 버튼 클래스로 CSS를 혼동시킬 수 있습니까? –

충돌하는 CSS가 있어야한다고 생각합니다. http://jsfiddle.net/ 또는 http://jsbin.com/에서 문제를 재현하거나 페이지에 대한 링크를 제공 할 수 있습니까? – thirtydot

클래스 ** 버튼 ** 정의가 문제 일 수 있습니다. – punit

나는이 jQuery의 CSS 유효한 방법에 더 이상 이렇게 margin: 0 auto; 스타일을 만드는 inline-block에 block에서 DIV를 전환하는 ui-button 클래스를 적용하여 사업부의 동작을 변경과 관련이있다 확실 해요 중심에 배치하십시오 (인라인 요소는 margin을 중심으로 배치 할 수 없습니다).

display: block;을 자신의 스타일에 추가하거나 text-align: center;을 래퍼 div에 추가하십시오.

출처

2011-09-28 19:39:41

빙고! 'display : block'이 저에게 효과적입니다. –

센터링 jquery-ui 버튼

답변

관련 문제