text-align:center失效

text-align:center 的失效可能是由于多种原因导致的。常见原因有：
1. 没有为该元素设置宽度，导致无法居中。
2. 在该元素的父元素中未设置 text-align:center。
3. 使用了其他布局方式（如 flex 或 grid），导致 text-align:center 失效。
4. CSS 代码有语法错误或引用错误。
建议检查这些问题以确定具体原因。

相关问题

vertical-align: middle对img

vertical-align: middle对img元素的作用是使其在垂直方向上居中对齐。在将input和img放在同一行时，img标签通常会比input元素高出一个头。为了使它们在垂直方向上对齐，可以给input和img元素同时添加vertical-align: middle样式属性。这样，它们就会在同一行中水平对齐，并且在垂直方向上居中对齐。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [图片的垂直水平居中；vertical-align：middle；margin:0 auto和text-align:center失效的问题](https://blog.csdn.net/weixin_45944877/article/details/119581116)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [使用vertical-align实现input和img对齐](https://download.csdn.net/download/weixin_38567873/13681895)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

.Gdtongji table tbody tr td { width: 14%; text-align: center; border: 1px solid red; }为什么td的border不生效？

这可能是因为该CSS规则的优先级不够高，导致其他CSS规则覆盖了该规则。你可以尝试增加该CSS规则的优先级，例如通过添加父元素的class或ID来限定该CSS规则的作用范围，或者使用!important关键字来强制应用该CSS规则，例如：

.Gdtongji table tbody tr td {     
    width: 14%;     
    text-align: center;     
    border: 1px solid red !important; 
}

但是使用!important关键字可能会导致其他CSS规则失效，所以应该谨慎使用。