html,
|
body {
|
margin: 0;
|
padding: 0;
|
width: 100%;
|
height: 100%;
|
}
|
|
* {
|
margin: 0;
|
padding: 0;
|
}
|
|
.personnel-information-management-box {
|
padding: 10px;
|
width: 100%;
|
height: 100%;
|
box-sizing: border-box;
|
color:#677788;
|
}
|
|
.personnel-information-management-box table {
|
width: 100%;
|
border-collapse: collapse;
|
/* table-layout: fixed; */
|
}
|
|
.personnel-information-management-box table tr {
|
display: flex;
|
}
|
|
.personnel-information-management-box table th,
|
.personnel-information-management-box table td {
|
flex: 1;
|
padding: 0 10px;
|
border: 1px solid rgba(231, 234, 243, 0.7);
|
width: 25%;
|
height: auto !important;
|
line-height: 36px;
|
font-weight: normal;
|
text-align: center;
|
word-break: break-all;
|
}
|
|
.personnel-information-management-box div:first-child table td:nth-child(odd) {
|
|
color: #15a2fe;
|
}
|
|
/*
|
.personnel-information-management-box div:last-child table thead tr th:nth-child(2),
|
.personnel-information-management-box div:last-child table tbody tr td:nth-child(2),
|
.personnel-information-management-box div:last-child table thead tr th:nth-child(8),
|
.personnel-information-management-box div:last-child table tbody tr td:nth-child(8) {
|
width: 64px;
|
}
|
|
.personnel-information-management-box div:last-child table thead tr th:nth-child(3),
|
.personnel-information-management-box div:last-child table tbody tr td:nth-child(3) {
|
width: 104px;
|
}
|
|
.personnel-information-management-box div:last-child table thead tr th:nth-child(7),
|
.personnel-information-management-box div:last-child table tbody tr td:nth-child(7) {
|
width: 64px;
|
} */
|
|
/* .personnel-information-management-box table td:first-child {
|
width: 36%;
|
}*/
|