Add newline only on overflow

Asked Mar 28 '16 at 09:08

Active Mar 28 '16 at 09:17

Viewed 603 times

i want a text line come to new line when it overflow only(no new line for spaces). i am able to make this using

white-space:nowrap;

but when the container has only space to occuppy this text, then the text overflows. i want to make this to newline when overflow by keeping the css white-space:nowrap;

Thanks in advance.

asked Mar 28 '16 at 09:08

Nijeesh

If you remove `white-space: nowrap` it works exactly as you want. Explain better your problem and provide a working example, otherwise this will be closed as offtopic. – Marcos Pérez Gude Mar 28 '16 at 09:12
Please add more detail to specifying your problem – Abrar Jahin Mar 28 '16 at 09:14
https://jsfiddle.net/4pb53enk/ – Nijeesh Mar 28 '16 at 09:17
when making it responsive, The Hello line will over flow out of container. i want make it to new line when over flow. – Nijeesh Mar 28 '16 at 09:18
why i added white-space css is , i want to keep a block of text together without breaking on spaces. – Nijeesh Mar 28 '16 at 09:20

Add newline only on overflow

0 Answers0