如何调整表格文本对齐位置，且排除操作列按钮受影响？

你可以通过以下两种实用方法解决这个问题：

方法1：给操作列添加专属类并覆盖样式 #

1. 先调整原CSS，尽量移除!important（优先级过高会导致后续样式难以覆盖）：

.table td {
    font-size: 0.813rem;
    font-weight: 400;
    color: #8d97ad;
    vertical-align: middle;
    text-align: left;
}

2. 给表格「操作」列的每个<td>标签添加专属类，比如action-column：

<td class="action-column">
  <!-- 你的按钮元素 -->
</td>

3. 添加CSS规则，设置操作列的对齐方式（比如居中，可按需调整）：

.table td.action-column {
    text-align: center; /* 也可设置为right等你需要的对齐方式 */
}

方法2：使用CSS否定选择器（无需修改HTML） #

如果不想改动HTML结构，可用:not()选择器直接排除操作列。假设操作列的td带有action-column类：

/* 只给非操作列的td设置左对齐 */
.table td:not(.action-column) {
    text-align: left;
}

/* 保留原有的通用样式 */
.table td {
    font-size: 0.813rem;
    font-weight: 400;
    color: #8d97ad;
    vertical-align: middle;
}

内容的提问来源于stack exchange，提问作者Rack Sonn