0

我有一张必须设置高度和宽度以及边框的表格。我试过这个CSS

table,td,tr#cer_actuals {
    padding-left: 5px;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    height: 0px;
    border: 1px solid grey;
}

这会影响项目中的所有表,所以我尝试了这个,

#cer_actuals {
    padding-left: 5px;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    height: 0px;
    border: 1px solid grey;
}

和 HTML

<table  width="100%" id="cer_actuals" > 
<tr>
                                                <td align="left" width="10%"  style="background-color:#f1e0ff;"></td>
                                                <td align="center" width="20%" style="background-color:#f1e0ff;">
                                                    Mth
                                                </td>
                                                <td align="center" width="30%" style="background-color:#f1e0ff;">
                                                    Actuals
                                                </td>
                                                <td align="center" width="40%" style="background-color:#f1e0ff;">
                                                    EOY Accruals
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="left" width="10%"  style="background-color:#f1e0ff;"></td>
                                                <td align="center" width="20%" style="background-color:#f1e0ff;">C/F</td>
                                                <td  align="center" width="30%" style="background-color:white;">
                                                            <input type="text" id="CIMtrek_CI_Act_CF" name="CIMtrek_CI_Act_CF">
                                                                <xsl:attribute name="value"><xsl:value-of
                                                                    select="//Record/CIMtrek_CI_Act_CF/text()" /></xsl:attribute>
                                                            </input>
                                                </td>
                                                <td  align="center" width="40%" style="border-width:1px 0px 0px 1px;">

                                                </td>
                                            </tr>

但这对桌子没有影响。

我必须为表格中的 td 设置高度。

这该怎么做。

请帮忙。

4

4 回答 4

1

这样做

#cer_actuals td {
    padding-left: 5px;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    height: 0px;
    border: 1px solid grey;
}

演示

于 2013-02-13T09:33:15.977 回答
1

添加这个:

#cer_actuals td {
  height: 0px;
}
于 2013-02-13T09:33:51.830 回答
1

做这个 -

<table cellpadding="0" cellspacing="0" border="0" align="center" width="100%">
    <tr>
        <td>Some Content</td>
    </tr>
    <tr>
        <td>Some Content</td>
    </tr>
</table>

CSS

table td{
  padding: 5px;
}
于 2013-02-13T09:35:34.747 回答
1

请试试:

cer_actuals tr td {...}

“#cer_actuals - 表示所有 id = cer_actuals 的元素;tr - 表示我们在 td 之前获得的所有表格行 - 表示我们之前获得的所有 td”

于 2013-02-13T09:38:26.637 回答