css实现表格的td里面的内容居中.

html-css029

css实现表格的td里面的内容居中.,第1张

<td

align="center"

valign="middle">

前一个是水平居中

后一个是垂直居中

对应的css写法:

<td

style="text-align:centervertical-align:middle">

文字垂直居中的有如下的方法

方法一：valign:middle

代码如下：

<table>

<tbody>

<tr>

<td valign="middle">垂直居中</td>

</tr>

</tbody>

</table>

方法二：style="display:table-cell vertical-align:middle"

代码如下：

<table>

<tbody>

<tr>

<td style="display:table-cell vertical-align:middle">垂直居中</td>

</tr>

</tbody>

</table>

方法三：style="height：20px/*高度根据实际情况设置*/ line-height:22px/*根据实际情况设置到达垂直居中即可*/"

<table>

<tbody>

<tr>

<td style="height：20px/*高度根据实际情况设置*/ line-height:22px/*根据实际情况设置到达垂直居中即可*/">垂直居中</td>

</tr>

</tbody>

</table>