hungdev/three dot css text.md

Last active December 30, 2019 04:41

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/hungdev/bb9d7dcde2add3a88155610f06463768.js"></script>
Save hungdev/bb9d7dcde2add3a88155610f06463768 to your computer and use it in GitHub Desktop.

three dot css text

Raw

.three-dot {
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

use -webkit-line-clamp: 3;

https://stackoverflow.com/questions/3922739/limit-text-length-to-n-lines-using-css

https://stackoverflow.com/a/11426653/5826956