Установить фиксированную высоту 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>

Я не могу установить высоту 4 пикселя с помощью CSS.

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>

1017 *

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

Не думаю, что вы можете увеличить размер строки до 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>

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 будет 4px, ваш контент должен быть также 4px или меньше.

Рассмотрим размеры TD как минимальную ширину / минимальную высоту в концепции.

Answer 5

установить высоту строки.