Bootstrap 3在压缩表上添加填充的列中截断文本

Question

我使用下面提供的答案： https://stackoverflow.com/a/39417644/2079735

然而，这似乎在表格行的底部添加了一些填充，如下所示：https://www.bootply.com/8FKvHOv2S5

CSS

.table td.text {
    max-width: 177px;
}
.table td.text span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
}