<div class="text">
  <p>ธีมนี้เป็นแบบ Grid ครับ ปัจจุบันนี้มันตัดคำอยู่ที่ 1 บรรทัด ผมอยากเพิ่มให้เป็นตัดที่ 2 บรรทัด ผมต้องแก้ยังไงบ้างครับ ขอบคุณมากครับ</p>
</div>

/css
.text {
    position: relative;
    width: 250px;
    height: 40px;
    overflow: hidden;
}
.text p {
    margin: 0;
}
.text:after{
    position: absolute;
    top: 20px;
    right: 0px;
    content:"...";
    display: block;
    background: #fff;
    
}

ธีมนี้เป็นแบบ Grid ครับ ปัจจุบันนี้มันตัด
คำอยู่ที่ 1 บรรทัด ผมอยากเพิ่มให้เป็น…

หรือ

<div class="text">
  <p>ธีมนี้เป็นแบบ Grid ครับ ปัจจุบันนี้มันตัดคำอยู่ที่ 1 บรรทัด ผมอยากเพิ่มให้เป็นตัดที่ 2 บรรทัด ผมต้องแก้ยังไงบ้างครับ ขอบคุณมากครับ</p>
</div>

/css
.text {
  width: 250px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
}
.text p {
  margin: 0;
}