8

使用中のhtmltable内を中央に配置するにはどうすればよいですか？div

コンテンツをdivタグ内に配置し、text-align属性をcenter次のように設定しました。

text-align: center;

これは機能していません。

以下は私のhtmlです。

<html>
    <body>
        <div style="text-align:center">
            <p>
    text test
            </p>
            <table border="1">
                <tr>
                    <td>100</td>
                    <td>200</td>
                    <td>300</td>
                </tr>
                <tr>
                    <td>400</td>
                    <td>500</td>
                    <td>600</td>
                </tr>
            </table>
        </div>
    </body>
</html>
4

8 に答える 8

27

テーブルに幅を与え、マージンを水平方向に自動設定します。

table {
  width:500px;
  margin: 10px auto;
}
于 2012-11-20T08:46:21.813 に答える
7

以下をお試しください

<table style="margin:0px auto; width:500px">
于 2012-11-20T08:46:19.520 に答える
3 
<div style="text-align:center">    
   <table style="display: inline-table;">    
   </table>
</div>
于 2014-01-02T20:37:12.457 に答える
1

以下のようにテーブルタグを編集します

 <table border="1" align="center">

次に確認します。

于 2012-11-20T08:48:58.513 に答える
1 
<html>
<body>
<div style="text-align:center">
<p>
    text test
</p>
<table border="1" style="margin: 0 auto;">
<tr>
    <td>100</td>
    <td>200</td>
    <td>300</td>
</tr>
<tr>
    <td>400</td>
    <td>500</td>
    <td>600</td>
</tr>
</table>
</div>
</body>
</html>
于 2012-11-20T08:53:14.750 に答える
0

タグmargin: 0px autoに追加table

于 2012-11-20T08:47:38.127 に答える
0

あなたはテーブルにスタイルを置くことができます

<table border="1" style="margin:0 auto;">

ただし、インラインスタイルではなくスタイルシートを使用することをお勧めします

于 2012-11-20T08:48:28.117 に答える
0

代わりに 、600ピクセルの幅のdivを提供し、そのdivを親要素の中央に配置する「Which」と<div style="text-align:center">書くことができます。<div style="width:600px;margin:0 auto">

于 2012-11-20T08:47:03.900 に答える