Skip to content

Instantly share code, notes, and snippets.

@ShigeoTejima
Created January 21, 2016 15:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ShigeoTejima/40ceb0a0bb78195abc10 to your computer and use it in GitHub Desktop.
Save ShigeoTejima/40ceb0a0bb78195abc10 to your computer and use it in GitHub Desktop.
break word in table
<!DOCTYPE>
<html lang="ja">
<head>
<meta charset="UTF-8"/>
<title>Foo</title>
</head>
<body>
<p>Foo</p>
<div style="width: 80%; border: 1px solid #cc0000;">
<table border="1" style="table-layout: fixed; width: 100%">
<colgroup>
<col/>
<col/>
<col style="width: 60%"/>
</colgroup>
<thead>
<th>id</th>
<th>title</th>
<th>description</th>
</thead>
<tbody>
<tr>
<td>1</td>
<td>This is a title.</td>
<td>This is a description.</td>
</tr>
<tr>
<td>2</td>
<td>This is a 2nd title.</td>
<td style="word-wrap: break-word;">.descriptiondescriptiondescriptiondescriptiondescriptiondescriptiondescriptiondescriptiondescriptionaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</tbody>
</table>
</div>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment