单元格的宽度被忽略

时间:2017-07-25 09:46:32

标签: html css

我找过很多帖子,但我找不到适合这个问题的答案。我尝试使用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> 。这是我的代码:

   level = fields.Integer(compute='_get_level', string='Level', store=True)


   @api.multi
    @api.depends('parent_id', 'parent_id.level')
    def _get_level(self):
        '''Returns a dictionary with key=the ID of a record and value = the level of this  
           record in the tree structure.'''
        for report in self:
            level = 0
            if report.parent_id:
                level = report.parent_id.level + 1
            report.level = level

3 个答案:

答案 0 :(得分:2)

您的问题是使用table-layout: fixed;

以下是我的重拍。

<style>中你应该把它放到你的css中,但是如果你在其他地方使用不同的表格,就给它分配一个id或类:

&#13;
&#13;
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;
    }
&#13;
<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>
&#13;
&#13;
&#13;

如果您想将CSS保留在实际代码中,只需从table-layout样式中删除<table>

答案 1 :(得分:1)

table-layout: fixed是忽略宽度的那个。

来自MDN HTML table-layout

表示关于表格布局:已修复,

  

表和列宽度由table和col的宽度设置   元素或第一行单元格的宽度。细胞在   后续行不会影响列宽。

答案 2 :(得分:1)

尝试删除table-layout:fixed;,它会起作用。