<分区>
标签 html css html-table
<分区>
如何在表格数据 td
元素中垂直居中元素/文本,该元素填充其父表格行 tr
的整个高度?我认为 flexbox 是这里最好的方法。
这是我到目前为止尝试过的:https://jsfiddle.net/3tr0cn4s/1/
最佳答案
为此您不需要 flex:因为它是一个表格单元格,所以添加就足够了
.table > tbody > tr > td.cell {
vertical-align: middle;
}
https://jsfiddle.net/1jp53m1q/1/
(长选择器是覆盖现有单元格内容顶部对齐规则所必需的)
关于html - 使用 flexbox 垂直对齐 td 元素中的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46819805/