在表格单元格中显示消息

Question

我有一个表格，我在单元格中显示一些值。我可以有空单元格，所以在这种情况下我显示不可用消息。

我会以不同的方式发布我的消息，如下面的屏幕截图所示。

Plunker

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

如我的示例所示，如何在我的单元格中显示不可用文本？？

Answer 1

您可以旋转文字。

.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);
}

Answer 2

在您的代码中添加此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