Html 如何将表中的项目居中对齐

我正在使用Bootstrap创建响应表，一些项没有在单元格的中心对齐，因为父行元素对某些单元格有多行

因此，我尝试将flex-box样式应用于表，但效果不佳

我应该怎么做才能把元素放在桌子的中心

• HTML

---

下面是一个纯html没有任何类型的css，它是垂直对齐的文本为墨西哥，你的问题张贴图片，请张贴一些裸露的最低限度的代码，让我们知道你已经在工作

HTML表格
单位
接触
国家
阿尔弗雷德·福特基斯特
玛丽亚·安德斯
德国
莫特祖马商业中心
张锦松
墨西哥
恩斯特·汉德尔
罗兰·孟德尔
奥地利
岛屿贸易
海伦·贝内特
英国
笑巴克斯酒窖
田纳西
加拿大
马加兹尼营养不良
乔瓦尼·罗维利
意大利

下面是一个纯html，没有任何类型的css，它是垂直对齐的墨西哥文本，您对发布的图片有疑问，请发布一些简单的代码，以便我们知道您已经在做什么

HTML表格
单位
接触
国家
阿尔弗雷德·福特基斯特
玛丽亚·安德斯
德国
莫特祖马商业中心
张锦松
墨西哥
恩斯特·汉德尔
罗兰·孟德尔
奥地利
岛屿贸易
海伦·贝内特
英国
笑巴克斯酒窖
田纳西
加拿大
马加兹尼营养不良
乔瓦尼·罗维利
意大利

通常情况下，弹性框样式不适用于表格

您可以使用

垂直对齐

属性进行垂直对齐，使用

文本对齐

属性进行水平对齐，而不是使用弹性框样式

• CSS

---

通常，弹性框样式不适用于表格

您可以使用

垂直对齐

属性进行垂直对齐，使用

文本对齐

属性进行水平对齐，而不是使用弹性框样式

• CSS

---

发布最简单的代码，我已经给出了一个例子作为答案，看看这是否适合你。添加了HTML和CSD这能回答你的问题吗？发布最简单的代码，我已经给出了一个例子作为答案，看看这是否适合你。添加了HTML和CSD这能回答你的问题吗？

<table class="table">
    <thead>
        <tr>
            <th scope="col"></th>
            <th scope="col">Video Sync</th>
            <th scope="col">Video Sync Pro</th>
            <th scope="col">ADR Master Editor</th>
            <th scope="col">ADR Master Studio</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="text-left feature feature-title">MOVIE PLAYBACK</td>
            <td class="text-center"></td>
            <td class="text-center"></td>
            <td class="text-center"></td>
            <td class="text-center"></td>
        </tr>
        <tr>
            <td class="text-left feature">Support for all of the most common codecs and containers</td>
            <td class="text-center"><span class="fa fa-check-circle">&nbsp;</span></td>
            <td class="text-center"><span class="fa fa-check-circle">&nbsp;</span></td>
            <td class="text-center"><span class="fa fa-check-circle">&nbsp;</span></td>
            <td class="text-center"><span class="fa fa-check-circle">&nbsp;</span></td>
        </tr>
    </tbody>
</table>

    .table td {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.table td, table th {
    text-align: center;
    vertical-align: center;
}