下面是一个CSS和内联样式属性的例子:

道明 ｛ 高度:50 px; 宽度:50 px; ｝ # cssTable td ｛ text-align:中心; vertical-align:中间; ｝ <表边界= " 1 " > < tr > < span style=" font - family:宋体;vertical-align:中间;“文本> < / td > < span style=" font - family:宋体;vertical-align:中间;“文本> < / td > < / tr > 表> < / <table border="1" id="cssTable"> < tr > < td > < / td >文本 < td > < / td >文本 < / tr > 表> < /

http://jsfiddle.net/j2h3xo9k/

编辑:valign属性在HTML5中已弃用，不应使用。

下面是一个CSS和内联样式属性的例子:

道明 ｛ 高度:50 px; 宽度:50 px; ｝ # cssTable td ｛ text-align:中心; vertical-align:中间; ｝ <表边界= " 1 " > < tr > < span style=" font - family:宋体;vertical-align:中间;“文本> < / td > < span style=" font - family:宋体;vertical-align:中间;“文本> < / td > < / tr > 表> < / <table border="1" id="cssTable"> < tr > < td > < / td >文本 < td > < / td >文本 < / tr > 表> < /

http://jsfiddle.net/j2h3xo9k/

编辑:valign属性在HTML5中已弃用，不应使用。

在td元素中居中文本的CSS是

td {
  text-align: center;
  vertical-align: middle;
}

<td align="center" valign="center">textgoeshere</td>

是唯一正确的答案，因为你正在使用表格，这是最常用的电子邮件格式的旧功能。因此，最好的方法是不要只使用样式，而是使用内联样式和已知的表标记。

如果你正在使用Bootstrap，你可以使用内置类

<table class="text-center align-middle">

试着把它放在你的CSS文件中。

td {
  text-align: center;
  vertical-align: middle;
}