Question

我在并排的四列上有一些文字，我想截断它们是相等的。

我需要的是截断50个符号上的文本，例如我要使所有列等于高度。

我找到了一个解决方案，但由于HTML是引导程序而文本是一个接一个，所以它并不顺利

.feature_content p {
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

Answer 1

dotdotdot ??使用5行JS / JQUERY可以完成同样的事情。答案如下，JSFiddle链接。

JSFiddle Link：http://jsfiddle.net/q8v2kywn/

JS

$( document ).ready(function() {

$(".column").each(function() {
    var theContent = $(this).html();
    var how_short_you_want_it = theContent.substr(0, 150);
    //alert(how_short_you_want_it);
    $(this).html(how_short_you_want_it+'...');
});//close each function

});

CSS

.column{
    float:left;
    border:solid 1px #000;
    width:20%;
    margin-right:10px;
    padding:5px;
}

HTML

<div class="column">put your text here</div>
<div class="column">put your text here</div>
<div class="column">put your text here</div>
<div class="column">put your text here</div>

如何在html页面上截断文本

1 个答案: