如何用省略号删除右侧的额外空间

Question

我想用省略号类删除右侧的额外空格.

.ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90px;
}
div{
    float:left;
}
.clear {
clear:both
}

<div class="ellipsis">hsdhhgasdhgasdgj</div><div>asdasd</div>
<div class="clear"></div>
<div class="ellipsis">asdasdasd</div><div>asdadsas</div>

Answer 1

只需添加：

div:nth-child(2n){
    margin-left: -4px;
}

并调整像素直到匹配（如果您需要动态，您可以使用 em、% 或 vw/vh）

小提琴

尼米