多行文本溢出显示省略号

<style type="text/css">
p.title {
    font-weight: 600;
    font-size: 17px;
    line-height: 21px;
    color: #000000;
}

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>
    <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á</p>
    <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.</p>
</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>