table中的td在有文字填充和沒有文字填充的情況下差1px

前提：現(xiàn)寫一個table，內(nèi)容用vue的v-for循環(huán)出來，tr高度為40px；加border-bottom：1px；
問題：td中的部分，有文字填充時檢查元素高度為41px；沒有文字填充時，檢查元素高度為40px；請問如何去掉這1px的差距？

table{
  width: 100%;
  border-collapse:collapse;
  thead tr{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dddddd;
    font-weight: bold;
    background-color: #f0f4f5;
  }
  tbody tr{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dddddd;
  }
}