文字溢出：省略号不起作用

小编典典

html

这是我尝试过的：

body {
    overflow: hidden;
}

span {
    border: solid 2px blue;
    white-space: nowrap;
    text-overflow: ellipsis;
}

本质上，当窗口变小时，我希望跨度以省略号缩小。我做错什么了？

阅读 372

2020-05-10

共1个答案

小编典典

您需要具有CSS overflow，width（或max-width）display和white-space。

span {
    border: solid 2px blue;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100px;
    display: block;
    overflow: hidden
}

2020-05-10