> 表の項目数が多いので、横スクロールしたいのです
表の項目数が多すぎて、閲覧者のウィンドウから溢れるほど大きいテーブルになった場合、ウィンドウは横スクロールで表示しようとします。
<!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{
border-collapse: collapse;
}
th,td{
white-space: nowrap;
border: 1px solid black;
}
</style>
</head>
<body>
<p>ウィンドウを狭くしてみてください</p>
<table>
<thead>
<tr>
<th>天海春香</th>
<th>如月千早</th>
<th>萩原雪歩</th>
<th>高槻やよい</th>
<th>秋月律子</th>
<th>三浦あずさ</th>
<th>水瀬伊織</th>
<th>菊地真</th>
<th>双海亜美/真美</th>
<th>星井美希</th>
<th>プロデューサー</th>
<th>高木順一朗</th>
<th>音無小鳥</th>
</tr>
</thead>
<tbody>
<tr>
<td>中村繪里子</td>
<td>今井麻美</td>
<td>落合祐里香</td>
<td>仁後真耶子</td>
<td>若林直美</td>
<td>たかはし智秋</td>
<td>釘宮理恵</td>
<td>平田宏美</td>
<td>下田麻美</td>
<td>長谷川明子</td>
<td>泰勇気</td>
<td>徳丸完</td>
<td>滝田樹里</td>
</tr>
</tbody>
</table>
</body>
</html>
