테이블 셀에 메시지 표시

Question

셀에 일부 값을 표시하는 테이블이 있습니다. 빈 셀을 사용할 수 있으므로이 경우 사용할 수없는 메시지가 표시됩니다.

메시지를 다음 스크린 샷과 다른 스타일로 게시합니다.

<p data-ng-class="{minPriceText: price.isMinPrice, priceText: !price.isMinPrice}" class="ng-binding minPriceText">38,00 €</p> 

어떻게 내 예제와 같이 내 휴대 가로 질러 불가능 텍스트를 표시 할 수

Plunker

..?

Answer 1

는 .. 태그에

.yourClass { 
    -moz-transform: rotate(315deg); 
    -o-transform:  rotate(315deg); 
    -webkit-transform: rotate(315deg); 
    transform:   rotate(315deg); 
     position: absolute;      
} 

Plunker을이 CSS를 추가 http://plnkr.co/edit/Gw9tkLnzcCduI7Rx87ha?p=preview

Answer 2

당신은 당신의 텍스트를 회전 할 수있다.

.tablecell { 

/* Safari */ 
-webkit-transform: rotate(-90deg); 

/* Firefox */ 
-moz-transform: rotate(-90deg); 

/* IE */ 
-ms-transform: rotate(-90deg); 

/* Opera */ 
-o-transform: rotate(-90deg); 

/* Internet Explorer */ 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
}