本文介绍了做一个TD固定尺寸(宽,高),而TD的休息可以扩大的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

你知道吗,如何解决一个TD宽度和高度的尺寸表,允许TD的其余部分表按需扩展?

感谢。

现在的问题是,当有数据TD里面的它不会收缩比数据,但如果是空的,它就会减少所有的方式,如果展开窗口中的TD将扩大。

我想保持对TD的规模是否扩大或缩小窗口和TD是否有内部数据或不。

此外,我需要保持TD的能够其余扩大为您展开窗口。

类tableContainerRow2是一个我需要它是一个固定的大小。例如,

 <风格>
    .divContainer {
        保证金:10px的;
        背景颜色:#C7D8EE;
        边界:2px的固体#0076BF;
        文本对齐:左;
    }

    .tableContainer {
        颜色:#0076BF;
        保证金:-10px 0px -10px 0px;
        边框间距:10px的;
        空细胞:秀;
        宽度:90%;
    }

    .tableContainerRow2 {
        背景颜色:白色;
        边界:2px的固体#0076BF;
    }
< /风格>

< D​​IV CLASS =divContainer>
    <表类=tableContainerCELLSPACING =10px的>
        &其中; TR>
            < TD宽度=18%的风格=白色空间:NOWRAP; > NHS号< / TD>
            < TD宽度=17%>&安培;#160;< / TD>
            < TD宽度=10%的风格=白色空间:NOWRAP;>访问与所述日期; / TD>
            &所述; TD宽度=10%>&安培;#160;&所述; / TD>
            < TD合并单元格=3的风格=白色空间:NOWRAP;>护理时启动< / TD>
            < TD宽度=4%>&安培;#160;< / TD>
            &所述; TD宽度=10%>&安培;#160;&所述; / TD>
            < TD宽度=25%ROWSPAN =2的风格=字体重量:大胆;垂直对齐:中间;空白:NOWRAP;>蜱时< BR />关心开始与LT; / TD>
        < / TR>
        &其中; TR>
            < TD宽度=18%级=tableContainerRow2>&安培;#160; 0123456789< / TD>
            < TD宽度=17%>&安培;#160;< / TD>
            &所述; TD宽度=10%类=tableContainerRow2>&安培;#160; 12个/ 12/09&所述; / TD>
            &所述; TD宽度=10%>&安培;#160;&所述; / TD>
            &所述; TD宽度=10%类=tableContainerRow2>&安培;#160; 12&所述; / TD>
            &所述; TD宽度=1%>&安培;#160;:其中; / TD>
            &所述; TD宽度=10%类=tableContainerRow2>&安培;#160; 10&所述; / TD>
            < TD宽度=4%>&安培;#160;< / TD>
            &所述; TD宽度=10%>&安培;#160;&安培;#9745;&所述; / TD>
            &所述; TD宽度=10%>&安培;#160;&所述; / TD>
        < / TR>
    < /表>
< / DIV>
 

解决方案

刚刚成立的TD /列要固定宽度,其余的也将扩大。

 < TD WIDTH =200>< / TD>
 

Do you know, how to fix the size of a td Width and Height in a table allowing the rest of td on table to expand as needed?

Thanks.

The problem is that when there is data inside of td's it will not shrink more than the data, but if is empty it will shrink all the way, if you expand the window the td will expand.

I would like to keep the size of the td whether you expand or shrink the window and whether the td has data inside or not.

Also I need to keep the rest of td's able to expand as you expand window.

Class tableContainerRow2 is the one I need it to be a fixed size.e.g.

<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>
解决方案

just set the width of the td/column you want to be fixed and the rest will expand.

<td width="200"></td>

这篇关于做一个TD固定尺寸(宽,高),而TD的休息可以扩大的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

11-03 07:06