在标记之前的css中心文本

Question

在表格中我有这段代码：

...
  <td class="new"></td>
...

我的Css是：

td.new:hover { background-color: rgba(255, 0, 0, 0.05); }
td.new:hover:before { content: "+"; text-align:center; }

我的文字如何以我的文字为中心？

感谢。

Answer 1

你只需添加text-align：center;你的.new类就像这样：

http://jsfiddle.net/Sg5BB/37/

td.new{text-align: center;}
td.new:hover { background-color: rgba(255, 0, 0, 0.05);}
td.new:hover:before { content: "+"; text-align:center; }