Created
July 15, 2016 19:51
-
-
Save lotestudio/92e0f78dcac63b4dd4a14db51d1c3d82 to your computer and use it in GitHub Desktop.
Css line limit - http://jsfiddle.net/csYjC/1131/, http://stackoverflow.com/questions/3922739/limit-text-length-to-n-lines-using-css
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*CSS*/ | |
.text { | |
overflow: hidden; | |
text-overflow: ellipsis; | |
display: -webkit-box; | |
line-height: 16px; /* fallback */ | |
max-height: 64px; /* fallback */ | |
-webkit-line-clamp: 4; /* number of lines to show */ | |
-webkit-box-orient: vertical; | |
} | |
/*HTML*/ | |
<div class="text"> | |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consectetur venenatis blandit. Praesent vehicula, libero non pretium vulputate, lacus arcu facilisis lectus, sed feugiat tellus nulla eu dolor. Nulla porta bibendum lectus quis euismod. Aliquam volutpat ultricies porttitor. Cras risus nisi, accumsan vel cursus ut, sollicitudin vitae dolor. Fusce scelerisque eleifend lectus in bibendum. Suspendisse lacinia egestas felis a volutpat. | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment