Opera에서 버튼 텍스트를 어떻게 감쌀 수 있습니까?

Question

나는 모든 주요 브라우저에서 완벽하게 작동하는 웹 사이트를 거의 만들었습니다. 어제, 그것이 사실 이었기 때문에 나는 경축했다. 오늘, 나는 그렇지 않다는 것을 알았다.

분명히 Opera는 버튼에 텍스트를 줄 바꿈하지 않습니다. 필자는 모질라 파이어 폭스 해킹 (Mozilla Firefox Hacks)에 이르기까지 공간 검색에서부터 검색 결과에 나타난 모든 것을 시도했다.

버튼에 텍스트를 줄 바꿈하도록 Opera에 지시하려면 어떻게해야합니까? 짧은 텍스트는 너무 길기 때문에 텍스트를 단축하는 것은 옵션이 아닙니다.

편집 : 여기

가 JSFiddle입니다 : http://jsfiddle.net/JavaAndCSharp/grX4H/

Answer 1

음, 그래 그것은 무엇입니까? 단추의 너비를 정의하는 것 외에는 아무 것도하지 않았습니다. 나는 당신이 충돌하는 CSS를 가지고 있다고 제안 할 것이다.

http://jsfiddle.net/Qgdzx/

HTML :

<button>This is really long button text that should wrap after I define a fixed-width.</button> 

CSS :

button{ 
    width:60px; 
} 

출력 :

---

당신의 갱신 후

편집 http://jsfiddle.net/CJbae/

HTML :

<form> 
    <button id="littleWorld" type="button">really really long text that will probably overflow on opera</button> 
</form> 

CSS :

#littleWorld{ 
    border-radius:40px; 
    border-width:0px; 
    width:250px; 
    height:250px; 
    background-color:#808080; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:11px; 
    font-weight:bold; 
    color:#FFFFFF; 
} 

Answer 2

이 실제로 더 텍스트 형식이 될 것입니다 오페라에서 알려진 문제입니다 INPUT type = 버튼보다 BUTTON 요소에 적용됩니다. 그들은 동등해야합니다.

내가 대신 입력 유형의 버튼을 사용하여 희망이 = "버튼"당신을 위해 수용 가능한 해결 방법입니다 (손가락을 교차 - 버튼은 다른 브라우저에서 다른 렌더링 문제 ..가 발생할 수 있습니다)

이 오페라는 이미이에 버그가 보인다 - 내부적으로 CORE-45335입니다.