table td 图片水平垂直居中实现代码
(编辑：jimmy 日期: 2024/9/29 浏览：3 次 )
Html代码 :
复制代码代码如下:
<td align="center" valign="middle">
<img src="/UploadFiles/2021-03-30/checkBox.png"></td>
其中 align="center" 为水平居中 ；
valign="middle" 为垂直居中，这个属性有时不见得好用。
也可以通过样式设置：
Html代码 :
复制代码代码如下:
<td style="text-align: center;">
<img style="vertical-align:middle;" src="/UploadFiles/2021-03-30/checkBox.png"></td>
复制代码代码如下:
<td align="center" valign="middle">
<img src="/UploadFiles/2021-03-30/checkBox.png"></td>
其中 align="center" 为水平居中 ；
valign="middle" 为垂直居中，这个属性有时不见得好用。
也可以通过样式设置：
Html代码 :
复制代码代码如下:
<td style="text-align: center;">
<img style="vertical-align:middle;" src="/UploadFiles/2021-03-30/checkBox.png"></td>
下一篇：css样式优先级及层叠的顺序排序探讨