Text truncation is the process of shortening the content of a text. It is usually followed by three points called an ellipsis. On web pages, there are several ways to shorten the text content to fit within a certain designated area. Truncation, or shortening, is typically used for static text or links that exceed the size of their container.
Truncated elements are represented by ellipsis and must represent three or more truncated characters in a text string. There must be at least four characters of untruncated content in a truncated string. Truncation in IT refers to “cutting something or removing parts of it to shorten it”. In general, truncation takes a given object, such as a number or a text string, and reduces it in some way, resulting in fewer resources to store. All of the following is mandatory, so the text must be in a single straight line that overflows a box where that overflow is hidden.
The truncation and “Show More” buttons are two ways to indicate that overflowing content continues somewhere else or below the page. Truncation is often done for the purpose of using less memory in a system or, in some cases for visualization, to clear a visual interface. When information is sent or saved, the program truncates the data to the first 255 characters and no additional characters are taken into account. This is similar to the mathematical process of “rounding”, except that in some forms of truncation, the number can be automatically rounded down by cutting off the additional decimal digits, even if that floating-point number is closer to a higher integer. Truncated elements always include browser tooltips when hovering to show the entire string, name, or phrase that the ellipsis represents. To use first and final line truncation, enter the appropriate class below and add a title to complete the browser tooltip that appears when you hover your mouse over the truncated text.