-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;您是否在表格本身上使用了样式规则：以及属性： border="0" cellpadding="0" cellspacing="0"？您是否还设置了 1000 像素的预期总表格宽度？

于 2012-08-09T09:17:59.323 回答
0

设置表格的宽度，你会得到正确的结果。

看到这个小提琴。

于 2012-08-09T09:24:45.143 回答