我有一张这样的 table table image
如何将所有文本位置设置为文本框的中心
这是我的代码
<table id="zero_config" class="table table-striped table-bordered dataTable"
role="grid" aria-describedby="zero_config_info" style=" table-layout: fixed ;">
<thead>
<tr >
<th rowspan="2" style="text-align: center;padding-top: 0px;">Theo ngày</th>
<th rowspan="2" style="text-align: center;padding-top: 0px;">Tên đối tác</th>
<th colspan="2" style="text-align: center" >Giao dịch cũ - Đã khớp</th>
<th colspan="2" style="text-align: center" >Giao dịch mới đã khớp tự động</th>
<th colspan="2" style="text-align: center" >Giao dịch mới- Lệnh tự động, khớp nhân công</th>
<th colspan="2" style="text-align: center" >Giao dịch mới - Chưa khớp</th>
</tr>
<tr >
<th style="text-align: center">Số lượng GD</th>
<th style="text-align: center">Số gạch nợ (đã có VAT) </th>
<th style="text-align: center">Số lượng GD</th>
<th style="text-align: center">Số gạch nợ (đã có VAT)</th>
<th class="text-center" style="text-align: center;">>Số lượng GD</th>
<th style="text-align: center">Số gạch nợ (đã có VAT)</th>
<th style="text-align: center">Số lượng GD </th>
<th style="text-align: center">Số gạch nợ (đã có VAT)</th>
</tr>
</thead>
<tbody>
最佳答案
根据我对您问题的理解,您只需将 vertical-align: middle
添加到表格中即可。如果没有,请详细说明您的问题
.table thead th {
vertical-align: middle !important;
}
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<table id="zero_config" class="table table-striped table-bordered dataTable" role="grid" aria-describedby="zero_config_info" style=" table-layout: fixed ;">
<thead>
<tr>
<th rowspan="2" style="text-align: center;padding-top: 0px;">Theo ngày</th>
<th rowspan="2" style="text-align: center;padding-top: 0px;">Tên đối tác</th>
<th colspan="2" style="text-align: center">Giao dịch cũ - Đã khớp</th>
<th colspan="2" style="text-align: center">Giao dịch mới đã khớp tự động</th>
<th colspan="2" style="text-align: center">Giao dịch mới- Lệnh tự động, khớp nhân công</th>
<th colspan="2" style="text-align: center">Giao dịch mới - Chưa khớp</th>
</tr>
<tr>
<th style="text-align: center">Số lượng GD</th>
<th style="text-align: center">Số gạch nợ (đã có VAT) </th>
<th style="text-align: center">Số lượng GD</th>
<th style="text-align: center">Số gạch nợ (đã có VAT)</th>
<th class="text-center" style="text-align: center;">>Số lượng GD</th>
<th style="text-align: center">Số gạch nợ (đã có VAT)</th>
<th style="text-align: center">Số lượng GD </th>
<th style="text-align: center">Số gạch nợ (đã có VAT)</th>
</tr>
</thead>
<tbody>
关于html - 如何垂直对齐标签中的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57818286/