html – 使td固定大小(宽,高),而td的其余部分可以展开

发布时间：2020-12-14 19:41:32 所属栏目：资源来源：网络整理

导读：你知道吗,如何修复一个td的宽度和高度的大小,让表中的其他td根据需要扩展？问题是当td里面有数据时,它不会比数据收缩多一些,但如果是空的,那么它会一直缩小,如果你扩展了td将会扩展的窗口. 我想保持td的大小,无论你是扩展还是缩小窗口,以及td是否有数据. 另

你知道吗,如何修复一个td的宽度和高度的大小,让表中的其他td根据需要扩展？

问题是当td里面有数据时,它不会比数据收缩多一些,但如果是空的,那么它会一直缩小,如果你扩展了td将会扩展的窗口.

我想保持td的大小,无论你是扩展还是缩小窗口,以及td是否有数据.

另外我需要保持其余的td能扩展窗口.

class 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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!