Сделайте td фиксированный размер (ширина, высота), в то время как отдых td's может расшириться

Вы знаете, как зафиксировать размер td Ширины и Высоты в остальной части разрешения таблицы td на таблице для расширения по мере необходимости?

Проблема состоит в том, что, когда существуют данные в td's, это не уменьшит больше, чем данные, но если будет пусто, то это уменьшится полностью при расширении окна, td расширится.

Я хотел бы сохранить размер td, расширяете ли Вы или сжимаете окно и имеет ли td данные внутри или нет.

Также я должен сохранить остальную часть td's способной расшириться, поскольку Вы разворачиваете окно.

Класс tableContainerRow2 является тем, который мне нужен он, чтобы быть фиксированным размером. например.

<style>
    .divContainer {
        margin:10px;
        background-color:#C7D8EE;
        border:2px solid #0076BF;
        text-align:left;    
    }

    .tableContainer {
        color:#0076BF;
        margin: -10px 0px -10px 0px;
        border-spacing: 10px;
        empty-cells:show;
        width:90%;
    }

    .tableContainerRow2 {
        background-color:white;
        border:2px solid #0076BF;
    }
</style>

<div class="divContainer">
    <table class="tableContainer" cellspacing="10px">
        <tr>
            <td width="18%" style="white-space:nowrap;" >NHS Number</td>
            <td width="17%">&#160;</td>
            <td width="10%"  style="white-space:nowrap;">Date of Visit</td>
            <td width="10%">&#160;</td>
            <td colspan="3" style="white-space:nowrap;">Care Time Started</td>
            <td width="4%">&#160;</td>
            <td width="5%">&#160;</td>
            <td width="25%" rowspan="2" style="font-weight:bold;vertical-align:middle;white-space:nowrap;">Tick when<br/> care starts</td>
        </tr>
        <tr >
            <td width="18%" class="tableContainerRow2">&#160;0123456789</td>
            <td width="17%">&#160;</td>
            <td width="10%" class="tableContainerRow2">&#160;12/12/09</td>
            <td width="10%">&#160;</td>
            <td width="5%" class="tableContainerRow2">&#160;12</td>
            <td width="1%" >&#160;:</td>
            <td width="5%" class="tableContainerRow2">&#160;10</td>                       
            <td width="4%">&#160;</td>
            <td width="5%">&#160;&#9745;</td>
            <td width="10%" >&#160;</td>
        </tr>
    </table>
</div>
10
задан Brian Tompsett - 汤莱恩 20 May 2017 в 20:00
поделиться

1 ответ

Просто установите ширину TD / столбца, которую вы хотите исправить, а остальные будут расширяться.

<td width="200"></td>
13
ответ дан 3 December 2019 в 20:41
поделиться
Другие вопросы по тегам:

Похожие вопросы: