css - 使用 before 标签在 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; }

我的文本如何在 td 中居中？

谢谢。

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