溢出隐藏的问号将单词拆分为两行

Overflow hidden questionmark split words to two line

本文关键字:两行 拆分 单词 隐藏 溢出      更新时间:2023-09-26

>我需要以固定宽度的div显示较短的文本。

值为:

"http://www.htmlgoodies.com?[value]"

我希望看到:

"http://www.html..."

但我看到:

"http://www.html...
 [value]"

怎么回事会给HTML打上问号

JSFiddle 这里

您需要

添加white-space: nowrap;并更改宽度以显示您想要的多少。查看内容以阅读更多相关信息。

#t {
    overflow:hidden;
    width:50px;
    text-overflow:ellipsis;
    display:block;
    white-space: nowrap;
}

在这里演示

您可以在

css 中使用 CSS 属性white-space: nowrap;进行#t