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>/*Single lines you need to set the text-overflow property value to ellipsis.If your elements wrapping div does not have an explicit height you also need to add white-space: nowrap;,which you are best to use in most use cases anyhow. White-space: nowrap makes sure if the width of you div is too narrow for the length of text that the text does not wrap onto the next line.*/.one-line { /* your code here */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}</code></pre>