單元格寬度忽略

我已經找了很多帖子，但找不到適合此問題的答案。我嘗試了table-layout:fixed，將寬度更改爲極端值，但屬性width仍然被忽略。這裏是我的代碼：單元格寬度忽略

<table style="width:100%; table-layout:fixed; border: 1pt solid black; 
       border-collapse: collapse;" border cellpadding=3 cellspacing=0> 
    <tr> 
    <th align=center colspan="4" 
     style="width:100%; color:white; background-color:#475678; font-weight:bold;"> 
     Oferta de traducción para: ' . $cliente . ' 
    </th> 
    </tr> 
    <tr> 
    <td style="border-right:1pt solid black; width:10%;">Fecha</td> 
    <td align=center style="border-right:1pt solid black; width:10%;">Fecha</td> 
    <td style="border-right:1pt solid black; width:40%;"></td> 
    <td style="width:30%;">Fecha</td> 
    </tr> 
</table>

來源

2017-07-25 alberzyzz

**只是一個指針：**你不應該內聯樣式你應該總是在你的css文件中創建一個id或一個類。 – Option

它在什麼意義上被忽略？此外，您的單元格寬度總和不會達到100％。我不確定指定的行爲是什麼，但你應該修復並再次檢查。 – Kempeth

「嘗試將寬度改變爲極端值」這絕對不是一個好主意。總計100％呢？ – Salketer

table-layout: fixed是忽略你的寬度的那個。

從MDN HTML table-layout說，像這樣關於表格的佈局：固定，

表和列的寬度是由表和col 元素的寬度，或通過細胞的第一行的寬度設置。中的單元格不會影響列寬。

來源

2017-07-25 09:53:17

嘗試刪除table-layout:fixed;它會工作。

來源

2017-07-25 09:53:20

你的問題是使用

這裏是我的就可以了重拍。

內<style>你應該把這個變成你的CSS，但分配一個ID或類，如果你正在使用表其他地方有所不同：

table { 
 
     width: 100%; 
 
     border:1pt solid black; 
 
     border-collapse: collapse; 
 
    } 
 
    table td { 
 
     width:25%; 
 
     border-right: 1pt solid black; 
 
     text-align: center; 
 
    } 
 

 
    table th { 
 
     width: 100%; 
 
     color: white; 
 
     background: #475678; 
 
     font-weight:bold; 
 
    }

<table cellpadding="3" cellspacing="0"> 
 
    <tr> 
 
     <th align=center colspan="4">Oferta de traducción para: ' . $cliente . '</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Fecha</td> 
 
     <td>Fecha</td> 
 
     <td></td> 
 
     <td>Fecha</td> 
 
    </tr> 
 
</table>

如果你想將CSS保存在實際代碼中，只需從<table>中刪除table-layout樣式。

來源

2017-07-25 09:54:04 Option

單元格寬度忽略

回答

相關問題