テーブル本体の幅をHTMLのテーブル幅と同じにするにはどうすればよいですか？

テーブル本体の幅をHTMLの表幅と同じにするにはどうすればよいですか？あなたのテーブルと体の両方についてテーブル本体の幅をHTMLのテーブル幅と同じにするにはどうすればよいですか？

2009-07-23 Anonymous

いくつかのコードとスタイルを投稿できますか？ – BigBlondeViking

：

あなたの余白を確認し、あまりにも0である必要があり、0は、あなたのパディングを確認する必要があります。あなたのスタイリング（Firebug）をチェックして、それがあなたの考えであることを確認してください。それが動作しない場合は、HTMLとCSSを投稿してください。

出典

2009-07-23 17:44:30 geowa4

私はあなたのHTMLは、そのようなのようなものです。この答えのために仮定します：

<html> 
    <head> 
     <style type="text/css"> 
      table.onetable { 
       width: 100%; 
       background-color: #F00; 
       margin: 0; 
      } 
     </style> 
    </head> 

    <body> 
     <table class="onetable"> 
      <tr> 
       <td>Hello World</td> 
      </tr> 
     </table> 
    </body> 
</html>

ブラウザのデフォルトのスタイルは、あなたのbodyにパディングを課しているので、あなたのテーブルには、bodyを満たしていない理由は、タグ（通常はほとんどのユーザエージェントで8px）。そのスタイルを上書きするには、以下のCSSを使用します。

body { margin: 0; padding: 0; }

出典

2009-07-23 17:48:17

また、「崩壊」にあなたのテーブルの上に国境崩壊のスタイルを設定してみてください可能性があります。これにより、ブラウザのデフォルトで作成されたテーブル上のパディングが最小限に抑えられます。

table { 
    border-collapse: collapse; 
}

出典

2009-07-23 21:25:46 skybondsor

テーブル本体の幅をHTMLのテーブル幅と同じにするにはどうすればよいですか？

答えて

関連する問題