造型表單元格的寬度

-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

請注意，我不設置寬度桌子。除了該表外，我在頁面上也沒有其他元素。爲什麼會發生？

來源

2012-08-09 Dmitry Makovetskiyd

您是否刪除了所有填充，邊框和單元格間距？ – igor 2012-08-09 09:17:06

您需要顯示您的HTML/CSS。 – thirtydot 2012-08-09 09:36:04

試試這個：

<!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是用來layout the table cells合法元素。

在上面的例子中，Firebug將以希望的大小顯示單元格的寬度，以像素爲單位減去1px的邊界（這將崩潰）。整個桌子的寬度將是1000px。

來源

2012-08-09 09:25:18

爲真。在FF它的工作原理..但在鉻它顯示較小的測量 – 2012-08-09 09:35:34

我的鉻（21.0.1180.60米）顯示相同的值FF ... – 2012-08-09 09:57:52

我們確實需要更多的代碼來評估這一點。請創建一個演示js小提琴。

您是否在表本身上使用了樣式規則：table-layout:fixed; border-collapse: collapse;以及屬性：border="0" cellpadding="0" cellspacing="0"？你是否也設置了1000px的預期總表寬度？

來源

2012-08-09 09:17:59 GitaarLAB

大聲笑它甚至更進一步 – 2012-08-09 09:37:58

表單元格是否有任何內容？ – GitaarLAB 2012-08-09 09:42:17

設置您的表格的寬度，您會得到正確的結果。

See this fiddle.

來源

2012-08-09 09:24:45 Alex

設置表格寬度沒有幫助 – 2012-08-09 09:39:01

@GitaarLAB請在評論前檢查小提琴和答案。 – Alex 2012-08-09 09:42:09

@亞歷克斯托馬斯：打聽一下，你完全正確。請接受我的道歉，我甚至會爲你的答案投票！總有一天會犯一個嚴重的錯誤..真的對不起！我也可以刪除我對這個答案的評論，以保持未來的清潔！然後，我會睡覺，學會了連續24小時回答問題，這不是一個好主意，哈哈。 – GitaarLAB 2012-08-09 09:52:03

造型表單元格的寬度

回答

相關問題