premise: now write a table, content with vue v-for loop, the tr height is 40px; add border-bottom:1px;
question: the part of td, check the element height is 41px when there is text filling; when there is no text filling, check the element height is 40px; how to remove the 1px gap?
table{
width: 100%;
border-collapse:collapse;
thead tr{
height: 40px;
line-height: 40px;
border-bottom: 1px solid -sharpdddddd;
font-weight: bold;
background-color: -sharpf0f4f5;
}
tbody tr{
height: 40px;
line-height: 40px;
border-bottom: 1px solid -sharpdddddd;
}
}