-1

テーブルセルの選択に問題があります。

テーブルセルを次の測定値を持つように定義しました。

 cell 1: 220px
 cell 2: 315px
 cell 3: 265px
 cell 4: 200px
 Adds to 1000px

ブラウザでテーブルを開いたときに取得する測定値：

     cell 1: 190px
     cell 2: 264px
     cell 3: 222px
     cell 4: 168px
     Adds to 844px

テーブルの幅は設定しないことに注意してください。また、その表以外の要素はページにありません。なぜそれが起こるのですか？

4

3 に答える 3

2

これを試して：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <style type="text/css" media="screen">
         table { border-collapse: collapse; table-layout: fixed }
         td { padding: 0; border: 1px solid black }
      </style>
   </head>
   <body>
      <table>
         <col width="220" />
         <col width="315" />
         <col width="265" />
         <col width="200" />
         <tbody>
            <tr>
               <td>col 1</td>
               <td>col 2</td>
               <td>col 3</td>
               <td>col 4</td>
            </tr>
         </tbody>
      </table>
   </body>
</html>

colテーブルセルのレイアウトに使用される有効な要素です。

上記の例では、Firebugはセルの幅をピクセル単位の希望のサイズから境界線の1pxを引いたもので表示します（これは折りたたまれます）。テーブル全体の幅は正確に1000ピクセルになります。

于 2012-08-09T09:25:18.650 に答える
0

これを評価するには、もっと多くのコードが本当に必要です。デモjs-fiddleを作成してください。

table-layout:fixed; border-collapse: collapse;テーブル自体で、属性とともにstyle-rule：を使用しましたborder="0" cellpadding="0" cellspacing="0"か？また、テーブルの合計幅を1000pxに設定しましたか？

于 2012-08-09T09:17:59.323 に答える
0

テーブルの幅を設定すると、正しい結果が得られます。

このフィドルを参照してください。

于 2012-08-09T09:24:45.143 に答える