Just like 2. truncate text in one line(with ellipsis), please do the same for max 3 lines.…

4. two-column layout

2. truncate text in one line(with ellipsis)

3. truncate text in multiple lines(with ellipsis)

<pre class="shiki github-dark shaku"><code>.max-three-lines { display: -webkit-box; /* Use the flexible box model */ -webkit-line-clamp: 3; /* Limit the text to 3 lines */ -webkit-box-orient: vertical; /* Display the text vertically */ overflow: hidden; /* Hide any overflow */ text-overflow: ellipsis; /* Display an ellipsis (...) to indicate truncated text */}</code></pre>