Q&A
具体的にHTMLおよびCSSを質問文に追記いただいたほうが回答を得られやすいと思います。
htmlでテーブルを作ったのですがうまいこと行きません。
divのように範囲が右端までのびてしまい、センタリングもできません。
どうすれば一つのブロックのように扱い、センタリングもできるようになるでしょうか？
どなたかわかるかたお願いします。
回答1件
0
ベストアンサー
通常はこれだけで、センタリングされます。
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>
ただし、あなたの意図しないところで、table要素に display: block などのCSSが当たっているかもしれません。
「開発ツール」で確認できますので、確認してみましょう。
投稿2016/07/25 17:55
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
