Hướng dẫn how do you truncate lines in css? - làm thế nào để bạn cắt ngắn các dòng trong css?

Thật dễ dàng để cắt ngắn một văn bản một dòng.

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

Nhập chế độ FullScreenen EXIT Mode FullScreen

Tunco đa dòng

Tuy nhiên, nếu bạn muốn cắt ngắn sau một số dòng? Thuộc tính CSS -webkit-Line-Clamp có ích. Nó giúp giới hạn khối văn bản thành số dòng được chỉ định (1 trở lên, như mong muốn). Sau đó Ellipsis được thêm tự động vào cuối sau điểm bị cắt.CSS -webkit-line-clamp property comes in handy. It helps to limit the block of text into specified number of lines ( 1 or more, as desired). Then ellipsis is added automatically at the end after the truncated point.

   display: -webkit-box;
   -webkit-box-orient: vertical;

   /* to specify the number of lines you want the text to run through... */
   -webkit-line-clamp: 3;
   /* hide the overflowing text, i.e, texts that did not fit in to the box */
   overflow: hidden;

Nhập chế độ FullScreenen EXIT Mode FullScreen

Tunco đa dòng

Tuy nhiên, nếu bạn muốn cắt ngắn sau một số dòng? Thuộc tính CSS -webkit-Line-Clamp có ích. Nó giúp giới hạn khối văn bản thành số dòng được chỉ định (1 trở lên, như mong muốn). Sau đó Ellipsis được thêm tự động vào cuối sau điểm bị cắt.