отображает сообщение в ячейке таблицы

Question

У меня есть таблица, где я показываю некоторые значения в своих ячейках. У меня могут быть пустые ячейки, поэтому в этом случае отображается сообщение о недоступности.

Я разместил свое сообщение в другом стиле, как показано на следующем экране.

Plunker

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

как отобразить мой текст недоступности по камере, как мой пример показывает ..?

Answer 1

Добавьте этот CSS в теге ..

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

Plunker: 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); 
}