> 文字が長くなってもサイズが変わらないようにしたい
まず以下のサンプルを手を加えずに表示し、上下の表で文字の長さが違うのに、セルのサイズが変わっていないことを確認してください。
その後、下の表の「テキストテキスト…」あたりに、文章を追加してもう一度確認してください。やはりセルのサイズは変わらないと思います。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
table.examination,
table.examination th,
table.examination td{
border-width: 1px;
border-style: solid;
border-color: black;
}
table.examination{
border-collapse: collapse;
width: 50%;
}
.name{
width: 10%;
}
.score{
width: 10%;
}
.notice{
width: 80%;
}
</style>
</head>
<body>
<table summary="第1回試験" class="examination" id="examination01">
<thead>
<tr>
<th scope="col" class="name">名前</th>
<th scope="col" class="score">得点</th>
<th scope="col" class="notice">備考</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">出木杉英才</th>
<td>98</td>
<td>毎回高得点です</td>
</tr>
<tr>
<th scope="row">野比のび太</th>
<td>0</td>
<td>ロクなもんじゃないですね</td>
</tr>
</tbody>
</table>
<table summary="第1回試験" class="examination" id="examination02">
<thead>
<tr>
<th scope="col" class="name">名前</th>
<th scope="col" class="score">得点</th>
<th scope="col" class="notice">備考</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">出木杉英才</th>
<td>100</td>
<td>テキストテキストテキストテキストテキストテキストテキストテキスト
ここに文字を好きなだけ追加してみましょう</td>
</tr>
<tr>
<th scope="row">野比のび太</th>
<td>10</td>
<td>テキストテキストテキストテキストテキストテキストテキストテキスト
ここに文字を好きなだけ追加してみましょう</td>
</tr>
</tbody>
</table>
</body>
</html>
