多行文本溢出显示省略号

多行文本溢出显示省略号

<style type="text/css">.section3 .title_leftDiv {
    height: 42px;
    margin-bottom: 10px;
}
.section3 .text_leftDiv {
    margin-bottom: 10px;
    height: 32px;
}

.section3 p.title {
    font-weight: 600;
    font-size: 17px;
    line-height: 21px;
    color: #000000;
}

.section3 p.text {
    font-size: 12px;
    line-height: 16px;
    color: #7F7F7F;
}


</style>

<script src="js/clamp.min.js" type="text/javascript" charset="utf-8"></script>

<div class="section3">
    <div class="title_leftDiv">
        <p class="title left_title">Histórico: se firmó el contrato del metro de BogotáHistórico: se firmó el contrato del metro de BogotáHistórico: se firmó el contrato del metro de BogotáHistórico: se firmó el contrato del metro de BogotáHistórico: se firmó el contrato del metro de BogotáHistórico: se firmó el contrato del metro de BogotáHistórico: se firmó el contrato del metro de BogotáHistórico: se firmó el contrato del metro de Bogotá</p>
    </div>
    <div class="text_leftDiv">
        <p class="text left_text">El presidente de la república, Iván Duque, acompañó en el acto al gobierno de la capital.El presidente de la república, Iván Duque, acompañó en el acto al gobierno de la capital.El presidente de la república, Iván Duque, acompañó en el acto al gobierno de la capital.El presidente de la república, Iván Duque, acompañó en el acto al gobierno de la capital.El presidente de la república, Iván Duque, acompañó en el acto al gobierno de la capital.El presidente de la república, Iván Duque, acompañó en el acto al gobierno de la capital.</p>
    </div>
</div>

<script type="text/javascript">
    var left_title = document.getElementsByClassName("left_title");
    var left_text = document.getElementsByClassName("left_text");
    for (var i = 0; i < left_title.length; i++){
        $clamp(left_title[i], {clamp: 2});
        $clamp(left_text[i], {clamp: 2});
    }
</script>