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”类。请验证。

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

第三，如果这不是表格数据，则不要使用表格作为作业。见http://www.hotdesign.com/seybold/

HTML：

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

CSS：

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

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

包含文字内容的实时演示：http://jsfiddle.net/D9pm9/12/

Answer 2

设置行的高度。

Answer 3

<td>style="height:4px;"</td>

...或

<table>
    <tr>
        <td class="smallCell"></td>
        <td class="smallCell"></td>
        <td class="smallCell"></td>
    </tr>
</table>

/* style sheet */
.smallCell
{
    height: 4px;
}

如果你的文字或其他元素太大，它们不会缩小到4px。

Answer 4

TD始终扩展以适应内容。因此，如果你的TD是4px，你的内容也必须是4px或更低。

在概念中将TD尺寸视为最小宽度/最小高度。

Answer 5

如果文本中有文字，我认为你不能将行大小调整为4px。但是，您可以调整td内部的文本大小以缩小单元格：

<table>
    <tr>
        <td style="font-size: 4px;">4px</td>
        <td style="font-size: 4px;">4px</td>
        <td style="font-size: 4px;">4px</td>
    </tr>
    <tr>
        <td colspan="3">content</td>
    </tr>
    <tr>
        <td style="font-size: 4px;">4px</td>
        <td style="font-size: 4px;">4px</td>
        <td style="font-size: 4px;">4px</td>
    </tr>
</table>

设置固定的TD高度？

5 个答案: