Thursday, October 24, 2024
HomeProgrammingYou Can Use Textual content-wrap: Stability; On Icons

You Can Use Textual content-wrap: Stability; On Icons


Terence Eden on utilizing text-wrap: stability for greater than headings:

However the title is, I feel, barely deceptive. It doesn’t solely work on textual content. It is going to work on any content material. For instance – I’ve a row of icons on the backside of this web page. If the viewport is simply too slender, a single icon would possibly drop to the following line. That may look a bit bizarre.

Heck yeah. I could have reached for some kind of auto-fitting grid method, however hey, might as effectively go together with a one-liner should you can! And whereas we’re on the subject, I simply wanna point out that, sure, text-wrap: stability will work on any content material. — simply know that the spec is somewhat opinionated on this and guarantee that the content material is fewer than 5 traces.

There’s possible extra nuance to come back if the be aware for Problem 6 within the spec is any indication about presumably permitting for a line size minimal:

Suggestion for worth area is match-indent | <size> | <proportion> (with Xch given for example to make that use case clear). Alternately <integer> might really depend the characters.


Direct Hyperlink →

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -
Google search engine

Most Popular

Recent Comments