Home/ Questions/Q 8517129
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T05:36:59+00:00

If I place a body of text into a container with a set height

  • 0

If I place a body of text into a container with a set height and hidden overflow, I will often end up with the final line that could fit being cut off. Example jsFiddle or image:

enter image description here

Is there a way to have that line not appear entirely rather than have this happen?

The scenario is that I have columns which are a dynamic height (100% of the parent height, which is 80% of the body height) containing blog-post text and I want to display a “read all” at the bottom if there is overflowing text (easy to determine). At the moment it just looks terrible with half rendered text sitting above it.

I can’t remove the overflow as the columns need to end before the navigation, which sits at the bottom of the page.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can inspire you from the property text-overflow but you have to do it with JavaScript for multiples lines: http://pvdspek.github.com/jquery.autoellipsis/ (via With CSS, use "…" for overflowed block of multi-lines)

    • 0