div의 왼쪽, 왼쪽에 쓰기

기본적으로 나는 다음 코드를 가지고 있습니다. http://jsfiddle.net/5ZuUZ/ 회색 테두리가있는 div가 있는데이 왼쪽 가장자리는 세로 "아키텍처"를 작성하려고합니다. 어떻게해야합니까?div의 왼쪽, 왼쪽에 쓰기

출처

2011-03-23 ridermansb

가로로 말하면 실제로 세로로 의미합니까, 즉 가로 텍스트를 시계 방향으로 90도 회전합니까? – alex

알아, 미안, 내 실수! – ridermansb

한 번 볼 가치가 있습니다. http://stackoverflow.com/questions/1080792/how-to-draw-vertical-text-with-css-cross-browser – Dan

You can rotate text with CSS3.

#title { 
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);  
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
}

jsFiddle.

출처

2011-03-23 01:06:37 alex

이것은 css3입니까? CS3은 스마트 폰에서 완벽하게 잘 돌아가는 고객의 요구이기 때문에 불가능합니다. – ridermansb

@Riderman 스마트 폰에 따라 다릅니다. 모바일 사파리로 잘 처리됩니다. 호환성이 문제라면 이미지로 렌더링해야합니다. – alex

네 말이 맞아! 하지만 예제가 잘 작동하기 때문에 호환성 문제로 인해 솔루션이 될 것이라고 생각합니다. 이 작업을 수행하기 위해 투명한 이미지를 만드는 방법을 알려주십시오. – ridermansb

div의 왼쪽, 왼쪽에 쓰기

답변

관련 문제