How to make fixed width td If I enter data without space

Question

I have a Fixed size table and I have to show the data in a td. The Issue is If I enter the Data with spaces then UI is appearing Perfect because in td data adjust in new line but if i entered 20 characters without space then my UI got disturbed. Any help will be appreciated. I have tried so many option but no one can help, like:-

 <td width="200"></td>

and

 table-layout: fixed;
    width: 100px;

score 1 · Answer 1 · answered Jan 16 '14 at 10:22

1

You should give "word-wrap: break-word;" a try.

answered Jan 16 '14 at 10:22

Thomas Leu

826
4
13

For completeness: [word-break:break-all; vs. word-wrap: break-word;](http://stackoverflow.com/questions/1795109/what-is-the-difference-between-word-break-break-all-versus-word-wrap-break) – Thomas Leu Jan 28 '14 at 11:34

score 1 · Accepted Answer · answered Jan 16 '14 at 10:24

1

You can use word-break:break-all; on your td example here - JSFiddle

Browser support for word-break - Can I Use

answered Jan 16 '14 at 10:24

Jonathan

1,833
13
15

How to make fixed width td If I enter data without space

2 Answers2