new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Tailwind CSS · Utilities reference · all subjects

text-overflow

7 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

truncate utility class

The truncate utility class applies overflow: hidden; text-overflow: ellipsis; and white-space: nowrap; to prevent text from wrapping and truncate overflowing text with an ellipsis (…).

text-ellipsis utility class

The text-ellipsis utility class applies text-overflow: ellipsis; to truncate overflowing text with an ellipsis (…) when combined with overflow: hidden;.

text-clip utility class

The text-clip utility class applies text-overflow: clip; to truncate text at the limit of the content area. This is the default browser behavior.

truncate example

Example of using the truncate utility: ```html <p class="truncate">The longest word in any of the major...</p> ``` This prevents text from wrapping and adds an ellipsis if text overflows.

text-ellipsis example

Example of using the text-ellipsis utility: ```html <p class="overflow-hidden text-ellipsis">The longest word in any of the major...</p> ``` This requires overflow: hidden; applied via the overflow-hidden class to truncate overflowing text with an ellipsis.

text-clip example

Example of using the text-clip utility: ```html <p class="overflow-hidden text-clip">The longest word in any of the major...</p> ``` This truncates text at the limit of the content area without an ellipsis.

text-overflow responsive variants

Text-overflow utilities support responsive design variants. You can use responsive prefixes like md:, lg:, etc. to apply different text-overflow behaviors at different breakpoints.

Give your agent this brain