Skip to content

Class text balanced #41389

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
julien-deramond opened this issue Apr 16, 2025 · 3 comments · May be fixed by #41447, #41490 or #41491
Open

Class text balanced #41389

julien-deramond opened this issue Apr 16, 2025 · 3 comments · May be fixed by #41447, #41490 or #41491
Labels
css feature revisit-browserslist v5

Comments

@julien-deramond
Copy link
Member

julien-deramond commented Apr 16, 2025 •
edited
Loading

Discussed in https://github.com/orgs/twbs/discussions/41368

Originally posted by abielmagudev April 12, 2025
Hi friends, can you add a class for balanced text?

.text-balanced {
  text-wrap: balance;
}
<p class="text-balanced">This is a text balanced by a class of CSS.</p>
@julien-deramond julien-deramond moved this to Todo in v5.4.0 Apr 16, 2025
@julien-deramond julien-deramond moved this from Todo to To analyze in v5.4.0 Apr 16, 2025
viniciusvts added a commit to viniciusvts/bootstrap that referenced this issue May 6, 2025
@viniciusvts
feat: add class text-balanced
75b452d 
Refs: twbs#41389
@viniciusvts viniciusvts linked a pull request May 6, 2025 that will close this issue
Open
10 tasks
@coliff
Copy link
Contributor

coliff commented May 7, 2025 •
edited
Loading

I think the class name should be text-balance rather than text-balanced

Then it exactly matches the text-wrap property value.

FWIW; Tailwind use text-balance too: https://tailwindcss.com/docs/text-wrap#quick-reference

(I was considering suggesting text-wrap-balance, but it's a bit long and unnecessarily verbose probably)

cc @viniciusvts

This was referenced May 23, 2025
Open
Open
@rootasuser
Copy link

text balance is the same with text-nowrap?

@coliff
Copy link
Contributor

coliff commented Jun 2, 2025

text balance is the same with text-nowrap?

no, it's different. Check https://developer.chrome.com/docs/css-ui/css-text-wrap-balance

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
css feature revisit-browserslist v5
Projects
v5.4.0
Status: To analyze
Milestone
No milestone
3 participants
@coliff @julien-deramond @rootasuser