logo标签列表

CSS固定高度下的单词换行和文字溢出

heightword-wrapcss
6

我有以下示例。

http://jsfiddle.net/qFDxp/

HTML：

<div class="test">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div>

CSS:

.test
{
    display: block;
    height: 299px;
    left: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 110px;
    white-space: pre-line;
    width: 199px;
    z-index: 1;
    background-color: #FFFFFF;
    border: 1px solid #777777;
    position: absolute;
}

What i wish?

want i want Thank you in Advance!

1个回答
12

text-overflow: ellipsis 只在单行内容上工作，因为需要添加 white-space:nowrap 属性才能生效。

查看此帖子了解一些解决方法。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接