html : テーブルをブロック化する方法

htmlでテーブルを作ったのですがうまいこと行きません。
divのように範囲が右端までのびてしまい、センタリングもできません。
どうすれば一つのブロックのように扱い、センタリングもできるようになるでしょうか？
どなたかわかるかたお願いします。

kei344

2016/07/25 17:53

具体的にHTMLおよびCSSを質問文に追記いただいたほうが回答を得られやすいと思います。

行動規範の内容に同意します

回答1件

ベストアンサー

通常はこれだけで、センタリングされます。

html
1<!DOCTYPE HTML>
2<html lang="ja">
3	<head>
4		<meta charset="UTF-8">
5		<title></title>
6		<style type="text/css">
7			table {
8				border-collapse: collapse;
9				width:300px;
10				margin: 0 auto;
11			}
12			td {
13				border: 1px solid #CCC;
14			}
15		</style>
16	</head>
17	<body>
18		<div>
19			<table>
20				<tr>
21					<td>td</td>
22					<td>td</td>
23					<td>td</td>
24				</tr>
25				<tr>
26					<td>td</td>
27					<td>td</td>
28					<td>td</td>
29				</tr>
30			</table>
31		</div>
32	</body>
33</html>