Just how to word-break on a dashboard?

Offered a reasonably straightforward CSS:

div {
  width: 150px;
}
<div>
  12333-2333-233-23339392-332332323
</div>
.

Just how do I make it to make sure that the string remains constricted to the width of 150, and also merely covers to a newline on the hyphen?

0
2019-05-03 18:37:47
Source Share
Answers: 2

As component of CSS3, it is not yet totally sustained, but you can find information on word-wrapping here. An additional alternative is the wbr tag, ­, and ​ none of which are totally sustained either.

0
2019-05-07 16:49:46
Source

Replace your hyphens with this :

&shy;
.

It's called a "soft" hyphen.

div {
  width: 150px;
}
<div>
  12333&shy;2333&shy;233&shy;23339392&shy;332332323
</div>
.

0
2019-05-07 16:41:21
Source