GWT에서 라벨 회전

간단한 GWT 라벨을 회전시키고 싶습니다. 어떤 옵션이 있습니까?GWT에서 라벨 회전

나는 간단한 CSS 스타일 설정 한 :

.rotate{ 

/* Abs positioning makes it not take up vert space */ 
position: relative; 
top: 330; 
left: 330; 

/* Border is the new background */ 
background: none; 



-webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg); 
-ms-transform:  rotate(90deg); 
-o-transform:  rotate(90deg); 
}

을하지만 레이블에 스타일을 추가 할 때 작동하지 않았다.

출처

2011-12-27 destiny

이 스타일을 어떻게 적용했는지 예를 게시 해주세요. 분명히 저에게 적합합니다. –

레이블을 absolutePanel에 추가합니다 : 'Label rotated = new Label ("rotate해야합니다"); \t \t \t rotate.addStyleName ("rotate"); \t \t \t add (rotate); ' – destiny

브라우저를 사용하여 요소를 검사하고 실제로 적용된 스타일이 있는지 확인하십시오. CSS 파일이 모듈의 HTML 파일에 포함되어 있습니까? –

CSS는 Chrome, Opera, Firefox, Safari 및 IE9 +에서 작업 (브라우저 특정 CSS 속성 사용) 만 변환합니다. 이 모든 것에 대해 적절한 변환 구문을 사용하고 있습니다. IE의 이전 버전의 경우는 다음과 같이 변환 할 수 있습니다

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

출처

2011-12-27 18:26:49

감사합니다 :) IE에서 fpr me :) 작동합니다. – destiny

당신은 내가 SVG 그래픽을 사용하는 것이 좋습니다 세로 텍스트, 또는 다른 텍스트 변환을하고자합니다.

출처

2011-12-28 16:35:59

GWT에서 라벨 회전

답변

관련 문제