overflow on table td

Question

How can you put an overflow property on a cell in a table?

table { width:100px; height:100px; } td.content { overflow:auto; } <table> <tr> <td>hmm</td> </tr> <tr> <td class="content"> sadfasf<br> sadfasf<br> sadfasf<br> sadfasf<br> sadfasf<br> sadfasf<br> sadfasf<br> sadfasf<br> sadfasf<br> sadfasf<br> sadfasf<br> </td> </tr> <tr> <td>hmm</td> </tr> </table>

Shawn Taylor · Accepted Answer · 2012-02-25 11:41:04Z

2

You need to wrap the overflowing content in div.

http://jsfiddle.net/e8Bxj/1/

answered Feb 25, 2012 at 11:41

Shawn Taylor

3,9694 gold badges20 silver badges23 bronze badges

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

Comments

You knows who · Accepted Answer · 2012-02-25 14:37:51Z

you just simply add

display:inline-block;

into the td , like this

id.content { display:inline-block; overflow:auto; }

The Alpha · Accepted Answer · 2012-02-25 11:44:25Z

0

Try this fiddle

answered Feb 25, 2012 at 11:44

The Alpha

147k30 gold badges294 silver badges313 bronze badges

Collectives™ on Stack Overflow

overflow on table td

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related