HTML <td>标签中内容垂直居中

最新推荐文章于 2025-03-18 22:30:33 发布

Evilloafer

最新推荐文章于 2025-03-18 22:30:33 发布

阅读量1.1w

点赞数 3

分类专栏： Web 文章标签： web

本文链接：https://blog.youkuaiyun.com/qq_37154146/article/details/89635761

版权

Web 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何在HTML中使用CSS使表格内的文字实现水平和垂直居中对齐，通过在td元素上应用特定样式，可以轻松达到美观的排版效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html中表格table的内容垂直居中显示，在css文件中给td指定 text-align: center;vertical-align: middle !important; 即可

示例

.demo td /*设置表格文字左右和上下居中对齐*/ 
{  
    text-align: center;
    vertical-align: middle !important;
}
<table class='demo'>
	<tr>
		<td>
			表格文字左右和上下居中对齐<br/>
			表格文字左右和上下居中对齐
		</td>
		<td>表格文字左右和上下居中对齐</td>
		<td>表格文字左右和上下居中对齐</td>
	</tr>
</table>