div overflow right

Question

Is there away to change the default behavior of a div so that overflow:hidden causes the content to overflow out the right side of a div, rather than out of the bottom of the div?

@Diodeus Those properties have nothing to do with his problem. — user1726343
– user1726343, Commented Nov 20, 2012 at 16:44

user1726343 · Accepted Answer · 2012-11-20 16:40:47Z

3

Try white-space:nowrap. That way the content won't wrap to a new line.

div{
    overflow:hidden;
    white-space:nowrap;
    width:100px;
}

answered Nov 20, 2012 at 16:40

user1726343

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

1 Comment

Ryan Over a year ago

Ah, thank you! Exactly what I needed. Thanks so much. (I can't up-vote yet because I don't have a high enough reputation.)

MikeSmithDev · Accepted Answer · 2012-11-20 16:43:00Z

2

Yes. Have the text not wrap:

<div style="width:100px;height:30px; overflow:hidden; white-space:nowrap;">
    Is there away to change the default behavior of a div so that
    overflow:hidden causes the content to overflow out the right side
    of a div, rather than out of the bottom of the div?
</div>

answered Nov 20, 2012 at 16:43

MikeSmithDev

15.8k4 gold badges61 silver badges91 bronze badges

Collectives™ on Stack Overflow

div overflow right

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related