首页 > 好文分享 > 技术教程内容详情
久久优惠网

table td 图片水平垂直居中实现代码

2021-01-18 22:22:52 技术教程

设置img在表格table中的单元格td中水平垂直居中,想必很多的朋友都想实现此效果吧,接下来为大家详细介绍下实现代码,感兴趣的你可不要错过了哈或许对你有所帮助。

 

html代码 :


<td align="center" valign="middle">
<img src="images/checkBox.png"/>
</td>

 

其中 align="center" 为水平居中 ;
valign="middle" 为垂直居中,这个属性有时不见得好用。
也可以通过样式设置:

 

html代码 :


<td style="text-align: center;">
<img style="vertical-align:middle;" src="images/checkBox.png"/>
</td>

相关标签: 图片垂直居中 table表格

发布评论