How to go new line when table cell characters reached 10 charachers in html

Question

I don't know how to go new line with limited characters. Help me!

<table >
  <tr>
    <th>Date</th>
    <th>Name</th> 
    <th>Comment</th>
  </tr>
  <tr>
    <td>2017/08/25</td>
    <td>Jackson</td>
  <td>commentcommentcommentcommentcommentcommentcommentcommentcomment</td>
  </tr>
</table>

You want the to break every 10 chars ? So it's be commentcom
mentcommen
tcommentcom
mentcomment
commentcomm
entcomment ? — Mathieu VIALES, Aug 25 '17 at 07:24
I'm sure you could easily have found the answer by typing your question's title in google ... [try that](https://stackoverflow.com/questions/3058866/how-to-force-a-line-break-in-a-loooooong-word-in-a-div) — Mathieu VIALES, Aug 25 '17 at 07:27

score 1 · Accepted Answer · answered Aug 25 '17 at 07:25

<table >
  <tr>
    <th>Date</th>
    <th>Name</th> 
    <th>Comment</th>
  </tr>
  <tr>
    <td>2017/08/25</td>
    <td>Jackson</td>
  <td style="word-break: break-all">commentcommentcommentcommentcommentcommentcommentcommentcomment</td>
  </tr>
</table>

Use word-break:break-all;

Mathieu VIALES · Answer 2 · 2017-08-25T07:37:20.777

1

You can use either overflow-wrap or word-break

Use them as follow, in your css:

overflow-wrap: break-word;
// Or
word-break: break-all;

note about word-wrap: if you see it in other answers, keep in mind that it is just the "old name" for overflow-wrap that dates back to before word-wrap became the official, standardized name. They should have the exact same comportment.

edited Aug 25 '17 at 07:37

answered Aug 25 '17 at 07:26

Mathieu VIALES

4,526
3
31
48

How to go new line when table cell characters reached 10 charachers in html

2 Answers2