代码之家 › 专栏 › 技术社区 › Richard Topchii

使<textarea>填充表格单元格的高度

textarea html-table css html javascript

1

Richard Topchii · 技术社区 · 7 年前

我使用以下代码创建一个带有图像和 <textare> :

<table border="1" style="border-color: #a6a6a6" cellpadding="4" cellspacing="0" width="702">\
  <col width="455">
  <col width="230">\
  <tbody>
    <tr>\
      <td type="image" id="' + sdfsdsdf + '" data-parent-id="0" data-type="NORMAL" data-img="1" data-flags="1" data-type-ios="3" height="85" width="455"><img src="http://www.whichcitytotravel.com/wp-content/uploads/2016/01/Sunset-in-Monaco.jpg" style="width:100%;"></td>\
      <td width="230">
        <pre><textarea id="' + sdfsdfsdaf + '" data-parent-id="' + id_picture + '" data-type="sdfsdafsd" data-type-ios="4" rows="5" style="width:100%; height:100%; display:block;"></textarea></pre><br></td>\
    </tr>
  </tbody>
</table>'

结果如下: https://jsfiddle.net/705buxgz/

<textarea> 填充表格单元格内的所有可用高度。

我在这里尝试了所有其他的答案,但没有一个对我有用。

0 回复 | 直到 7 年前

1

DenseCrab 7 年前

这应该可以做到: https://jsfiddle.net/cLro4q10/

你必须设置 table 和 pre 身高。在这种情况下,我做到了100%。如果已设置父级的高度,则子级只能是父级的100%高度。