html实现表格标题居中显示图片,html – 如何在表头中垂直居中对齐图标

我有一个动态表,动态没有列和行…在表头,我需要垂直中心修复排序图标..甚至表头文本大小是动态的,没有行保持增长…如何垂直对齐文本大小不断增加时排序图标？

Firstname Firstname Firstnam eFirstnam eFirstname Firstname Firstname Firstname Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94
John	Doe	80

CSS：

table, th, td {

border: 1px solid black;

border-collapse: collapse;

}

th, td {

padding: 5px;

}

.filter-container {

width: 100%;

height: 100%;

position: relative;

padding: 0px !important;

margin: 0px !important;

}

.header-container {

height: 100%;

vertical-align: middle;

text-align: center;

}

.header-text {

font-size: 22px;

line-height: 24px;

color: #000000;

font-weight: normal;

width: 90%;

float: left;

letter-spacing: 0;

text-align: left;

}

.sort-icon {

float: right !important;

clear: right;

height: 1px !important;

}