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

时间:2014-11-18 13:26:35

标签: javascript html css

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

价值是:

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

我想看看:

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

但我明白了:

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

将问号添加到HTML

会怎样?

JSFiddle Here

2 个答案:

答案 0 :(得分:0)

您需要添加white-space: nowrap;并更改宽度以显示您想要的多少。请查看this以了解详情。

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

Demo Here

答案 1 :(得分:0)

您可以在css中使用CSS属性white-space: nowrap; #t