Question

我正在使用白天空间:现在成功地用了一部案文。我很想知道,能否获得标准“......在《综合框架》案文的末尾,它被现在的强奸风格所左右。社会保障局可以照顾吗? 或者,我是否需要javascript?

感谢。

Answer 1

地球同步(可能还有少数其他)支持:

text-overflow: ellipsis;

但它并非通过任何手段交叉浏览。为了获得一些交叉浏览器,需要使用javascript。我过去这样做的一种方式是:

<div class="text">
    text goes here
    <div class="ellipsis">...</div>
</div>

.text {
    position : relative;
}

.text .ellipsis {
    display : none;
}
.text.long .ellipsis {
    display    : block;
    position   : absolute;
    right      : 0px;
    background : #FFF;
}

then your js is simply something like this (using jQuery):

$(  .text  ).each( function(){
    var $this = $( this );
    $this[ ( $this.width() > $this.outerWidth() ) ?  addClass  :  removeClass  ]
        (  long  );
} );

Answer 2

Assuming browser support, it may not work for another seemingly unrelated reason.
Preconditions: your text content is inside a containing block whose style is
overflow:hidden, whitespace:nowrap and text-overflow:ellipsis
My observation has been, the position property of that containing block must be "relative". The ellipses don t show if its absolutely positioned, the text simply gets clipped.

the answer here nails it absolute vs relative position width & height

友情链接