Truncate text in one line, if needed add ellipsis.…

3. truncate text in multiple lines(with ellipsis)

1. center an element vertically

2. truncate text in one line(with ellipsis)

<pre class="shiki github-dark shaku"><code>.one-line { /* your code here */ text-overflow: ellipsis; /* to add ellipsis */ overflow: hidden; /* how the overflowed content should be handled */ white-space: nowrap; /* controls how white space characters in text are treated */}</code></pre>