如何让td中的文字居中显示
在html标记中，表格通常是以<table>标签进行开头，用<tr>定义表格中的一行，<td>定义单元格中的内容，<th>标签则是定义表头中内容的标签。有时表格中的文字内容不会完全居中，特别是当单元格中的内容不是很多时，这时就需要通过CSS样式表来实现文字居中的效果。
方案一：使用text-align属性实现单元格内容居中
通过设置CSS样式中的text-align属性，使td标签中的内容居中显示。
首先在CSS样式代码中定义单元格的text-align属性：
td {
text-align: center;
}
上述代码表示在td标签中设置文字居中样式，其中text-align属性的值为“center”。
方案二：采用vertical-align属性实现单元格内容垂直居中
在默认情况下，单元格中的内容是在竖直方向上居中的。如果表格中同时存在中、英文单词，那么由于两个字符的高度会不一样，所以可能会出现文字内容不完全垂直居中的情况。此时，我们可以通过CSS样式表来设置vertical-align属性，解决单元格内容垂直居中的问题。
在CSS样式代码中定义单元格的vertical-align属性：
td {
vertical-align: middle;
}
上述代码表示在td标签中设置文字垂直居中样式，其中vertical-align属性的值为“middle”表示垂直方向居中对齐。
方案三：使用display和margin属性实现单元格内容居中
有时候，我们可能会需要在表格的单元格中添加特殊的元素，例如<image>标签等。这时，我们的text-align属性和vertical-align属性就无法控制元素的布局。解决方法是通过display:inline-block属性来设置显示方式，并通过margin属性进行居中。
在CSS样式代码中设置单元格内容的display:inline-block样式，同时对单元格中的内容进行margin自动居中：
td {
display: inline-block;
margin: auto;
}
上述代码表示在td标签中设置文字水平居中，同时也把垂直方向居中的样式设置在了其中，即已经同时实现了文字内容的水平、垂直居中。
方案四：使用flexbox布局实现单元格内容居中
flexbox是一种新的CSS布局技术，它允许我们通过容器和子项之间的关系来实现布局。在表格中使用flexbox布局，可以很容易地将单元格中的内容居中，而且可以实现对齐间距的灵活调整。
在CSS样式代码中设置单元格内容的flexbox布局，同时设置justify-content和align-items属性进行居中：
td {
display: flex;
justify-content: center;
align-items: center;
}
上述代码表示在td标签中设置文字内容进行flexbox布局，同时设置justify-content和align-items属性，实现水平、垂直方向的居中对齐。
总结
以上四种方式都可以实现表格中单元格中文字的水平、垂直居中对齐，一般情况下建议采用text-align和vertical-align属性进行设置。如果你的表格中同时存在image、input等特殊元素，那么建议采用display:inline-block居中方式设置。如果你了解flexbox布局，并且想要实现更加灵活的控制，那么建议采用flexbox布局进行设置。
要注意，CSS样式表中的text-align和vertical-align属性都是已被所有浏览器支持和执行的标准CSS属性，而display和flexbox布局则需要浏览器的支持。