一尘不染

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

html

这是我尝试过的:

body {
    overflow: hidden;
}

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

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


阅读 332

收藏
2020-05-10

共1个答案

一尘不染

您需要具有CSS overflowwidth(或max-widthdisplaywhite-space

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