设置固定的 TD 高度？

Question

<table>
    <tr>
        <td>4px</td>
        <td>4px</td>
        <td>4px</td>
    </tr>
    <tr>
        <td colspan="3">content</td>
    </tr>
    <tr>
        <td>4px</td>
        <td>4px</td>
        <td>4px</td>
    </tr>
</table>

我无法使用 CSS 将 td 设置为 4px 高度。

Answer 1

首先，你不能定义一个以数字开头的CSS类。您的规则不适用，因为您设置了“4px”类别。请验证。

\n\n

其次，定义字体大小，使字体不超过四个像素。

\n\n

\xe2\x80\x8b第三，如果这不是表格数据，请勿使用表格来完成该作业。请参阅http://www.hotdesign.com/seybold/

\n\n

HTML：

\n\n

<table cellspacing="0" cellpadding="0" width="100%">\n    <tr class="four-px">\n        <td></td>\n        <td></td>\n        <td></td>\n    </tr>\n    <tr>\n        <td colspan="3">content</td>\n    </tr>\n    <tr class="four-px">\n        <td></td>\n        <td></td>\n        <td></td>\n    </tr>\n</table>\n

\n\n

\xe2\x80\x8b

\n\n

CSS：

\n\n

table, tr, td { background:#dd0;}\ntr.four-px { height:4px;  }\ntr.four-px td { background:#ff9; font-size:4px; line-height:1; }\n

\n\n

现场演示： http: //jsfiddle.net/D9pm9/11/

\n\n

行内有文本的实时演示：http://jsfiddle.net/D9pm9/12/

\n