使 td 固定大小(宽度,高度),而其余 td 可以扩展

2024-04-15

您知道如何固定表格中 td 宽度和高度的大小,从而允许表格上的其余 td 根据需要扩展吗?

问题是,当 td 内部有数据时,它不会比数据缩小得更多,但如果为空,它会一直缩小,如果扩大窗口,td 也会扩大。

我想保留 td 的大小,无论您扩展还是缩小窗口以及 td 内部是否有数据。

另外,我需要保持 td 的其余部分能够在扩展窗口时扩展。

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>

只需设置要固定的 td/列的宽度,其余部分就会扩展。

<td width="200"></td>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使 td 固定大小(宽度,高度),而其余 td 可以扩展 的相关文章

随机推荐