prevent text to line break if overflow

Question

I do not want to specify the width of an area and set overflow:hidden or scroll to my text because the site is responsive. is there any way to prevent a line of text go to second line?

or example "lorem sum etc ger ergdfg efdfg"

will not become

"lorem sum etc ger 
ergdfg  efdfg"

when width is small?

have you tried word-wrap and white-space: nowrap css property..? — Dipesh Parmar
– Dipesh Parmar, Commented Nov 27, 2013 at 3:38

tckmn · Accepted Answer · 2013-11-27 03:44:52Z

19

Use

white-space: nowrap;

on the element containing the text.

The name is pretty self-explanatory - it makes the whitespace not wrap.

Use overflow: hidden; if you don't want the text to go out of the box it's supposed to be in.

Use text-overflow: ellipsis; if you want ellipsis when the text overflows the bounding box.

JSFiddle

screenshot

edited Nov 27, 2013 at 3:44

answered Nov 27, 2013 at 3:38

tckmn

59.7k27 gold badges118 silver badges156 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Josh Crozier Over a year ago

1+ This is all I have to say.

tckmn Over a year ago

@JoshC Haha, revenge! :P

Kishori · Accepted Answer · 2013-11-27 04:27:52Z

0

You can try using white-space : nowrap.

Example is available below

<span>lorem sum etc ger ergdfg efdfg</span>

<style>
span
{
    width:100px;
    height:auto;
    overflow:scroll;
    display:inline-block;
    white-space : nowrap;
}
</style>

edited Nov 27, 2013 at 4:27

answered Nov 27, 2013 at 3:43

Kishori

1,0956 silver badges13 bronze badges

1 Comment

Rowan Freeman Over a year ago

This answer doesn't really offer anything more than the answer offered by Doorknob. Can you expand on the answer and include explanations for why this code should be used?

Collectives™ on Stack Overflow

prevent text to line break if overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related