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 is to set hidden overflow contents to ellipsis */ text-overflow: ellipsis; /* but itself doesn't force overflow, so we need white-space: nowrap */ overflow: hidden; /* to put everything in one line and overflow:hidden hide the overflow contents */ white-space: nowrap;}</code></pre>