Question

以下是代码：

<table>
  <tr>
    <td id="td00" rowspan="2">
        <textarea>A very1 </textarea>
    </td>
    <td id="td01"> 
        <textarea>A very2 </textarea>
    </td>        
  </tr>
  <tr>
    <!--td>
        <textarea>A very3 </textarea>
    </td-->
    <td>
        <textarea>A very4 </textarea>
    </td>        
  </tr>
</table>

css：

table, td
{ 
  border:1px solid black;  
}

table 
{
  height:400px;
  width:400px;
  table-layout:fixed;
}
#td01, #td00 
{
  height:100%;
}

当我在row = 0和col = 0的单元格内更改textarea时，row = 1和col 1的单元格也在变化。

我需要修复细胞的大小。

Answer 1

这不是完美的，但我认为它会做你想要的，你必须设置一个固定的位置到固定高度，所以我不知道你的项目是否正常。

HTML：

<table>
    <tr>
        <td id="td00" rowspan="2">
            <textarea>A very1 </textarea>
        </td>
        <td id="td01"> 
            <textarea>A very2 </textarea>
        </td>        
    </tr>
    <tr style="position:fixed;">
        <!--td>
            <textarea>A very3 </textarea>
        </td-->
        <td >
            <textarea>A very4 </textarea>
        </td>        
    </tr>
</table>

CSS：

   table, td{ 
    border:1px solid black;  
}

table {
    height:400px;
    width:400px;
    table-layout:fixed;
}
#td01
{
    height:320px;
}

示例：FIDDLE

当内容调整大小时，HTML表格单元格会调整大小

1 个答案: