div에 대한 오리엔테이션

StackOverflow https://stackoverflow.com/questions/896506

  •  23-08-2019
  •  | 
  •  

문제

방법이 있습니까? CSS를 사용하여 DIV의 방향을 변경하십시오.

즉, 경사 위치에 DIV를 표시해야합니다.

내가 div의 네 모서리를 정의 할 수있는 방법이 있습니까?

(x1, y1) , (x2, y2) , (x3, y3) 그리고 (x4, y4)

편집하다

사용하는 방법이 있습니까? JavaScript 또는 C#??

방향을 바꿀 방법이 있습니까? 영상 그리고 div가 아니라 ??

도움이 되었습니까?

해결책 4

내 필요는 IE 만으로야했고 나는 매트릭스 필터 그리고 값을 설정합니다 M11, M12, M21 그리고 M22.

<style>
      .SlantingDiv { padding: 2px; filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=1.0,M12=0.4,M21=-0.2,M22=1.0); width: 60; height: 60; padding: 6px; border: #a9a9a9 1px solid }
</style>

<div class="SlantingDiv">
       Slanting Text or Image
</div>

다른 팁

이건 불가능 해.

이미지 또는 VML/SVG를 사용해야합니다.

IE는 기본적으로 SVG를 지원하지 않으며 다른 브라우저는 VML을 지원하지 않지만 SVG에서 VML 래퍼가 있습니다. Google을 확인하십시오

순수한 CSS에서는 불가능하기 때문에 SVG, Flash 또는 Silverlight와 같은 다른 것을 사용해야합니다. SVG를 사용하면 임의의 DIV를 포함시킬 수 있으므로 원하는대로 회전 할 수 있지만 SVG는 아직 지원되지 않았 으며이 특정 기능은 마지막으로 테스트했을 때 매우 느 렸습니다.

항상 사용할 수 있습니다 국경 경사 대신에?

경사는 각도에 상자를 그릴 수 있지만 각도에 텍스트를 넣을 수는 없습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top