Shrink div width when text break into new line

Asked Nov 29 '18 at 11:09

Active Nov 29 '18 at 11:56

Viewed 2,006 times

I have div without width defined:

|                           |
|------------------         |
|some testing text|         |
|------------------         |
|                           |

when viewport is shrinking it looks like this:

|                 |
|-----------------|
|some testing     |
|text             |
|-----------------|
|                 |

what I need is fit div width to text after line break:

|                 |
|-------------    |
|some testing|    |
|text        |    |
|-------------    |
|                 |

I tried using javascript to change width on resize, but sometimes there hundreds of divs and its not working very well..

asked Nov 29 '18 at 11:09

S. Troy

you need to give width to that particular **
**
– Arshiya Khanam Nov 29 '18 at 11:12
@TemaniAfif, yeah, i saw this, maybe its not even possible.. – S. Troy Nov 29 '18 at 11:27
can you post our code? – Marouen Mhiri Nov 29 '18 at 11:38
@MarouenMhiri,
some testing teeeeeeeeeeeext
– S. Troy Nov 29 '18 at 11:45
im just going to say that this has potential to shrink the box until the next line break happens and then starts shrinking again, when done with javascript. do you stop there ? do you take the longest line if the text was broken 4 times ? – Dirk Nov 29 '18 at 11:48

0 Answers0