Question

我使用以下代码创建带有图像和的表：

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

我希望</code>填充表格单元格中所有可用的高度。</p> <p>我在这里尝试了所有其他答案，但没有一个对我有用。</p> </div> <div class="answer-list"> <h4>2 个答案:</h4> <div class="hr-line-dashed"></div> <p>答案 0 :(得分：1)</p> <div class="answer markdown-body"> <p>这应该可以解决问题：<a href="https://jsfiddle.net/cLro4q10/" rel="nofollow noreferrer">https://jsfiddle.net/cLro4q10/</a> </p> <p>您必须设置<code>table</code>和<code>pre</code>的高度。在这种情况下，我做到了100％。如果已设置孩子的身高，则孩子只能是其父母身高的100％。</p> </div> <div class="hr-line-dashed"></div> <p>答案 1 :(得分：0)</p> <div class="answer markdown-body"> <p>我不知道这是否对所有人都适用，这是因为我在CSS中找到了它。在我的Site.css文件中，我发现了以下内容：</p> <pre><code>input, select, textarea { max-width: 280px; } </code></pre> <p>一旦删除它，我的文本区域就会充满整个单元格。但是再一次，那只是因为我的CSS。我删除了对“ textarea”的引用，因此看起来像</p> <pre><code>input, select { max-width: 280px; } </code></pre> <p>现在可以使用了。</p> </div> </div> </div> <div class="right"> <div style="height:400px"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6263610230477973" data-ad-slot="2820756182" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div style="height:20px"></div> <div class="releated-question-wrapper"> <div class="header"> 相关问题 </div> <div class="hr-line-dashed"></div> <ul> <li> <a href="/q/11310115">UITableView单元格的高度</a> </li> <li> <a href="/q/14698043">修复表格单元格的高度</a> </li> <li> <a href="/q/18458399">创建<textarea>填充剩余高度</textarea></a> </li> <li> <a href="/q/23331183">Bootstrap 3 - 制作textarea填充表</a> </li> <li> <a href="/q/23510261">动态单元的高度</a> </li> <li> <a href="/q/35562330">表格单元格的高度相同</a> </li> <li> <a href="/q/39368879">Textarea不填充父div的高度</a> </li> <li> <a href="/q/42260499">使textarea填充表格单元格</a> </li> <li> <a href="/q/50537423">角度材料表格单元格的高度</a> </li> <li> <a href="/q/55047958">使<textarea>填充表格单元格的高度</a> </li> </ul> </div> <div class="releated-question-wrapper"> <div class="header"> 最新问题 </div> <div class="hr-line-dashed"></div> <ul> <li> <a href="/q/68614764">我写了这段代码，但我无法理解我的错误</a> </li> <li> <a href="/q/68614678">我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？</a> </li> <li> <a href="/q/68614175">是否有可能使 loadstring 不可能等于打印？卢阿</a> </li> <li> <a href="/q/68614313">java中的random.expovariate()</a> </li> <li> <a href="/q/68614125">Appscript 通过会议在 Google 日历中发送电子邮件和创建活动</a> </li> <li> <a href="/q/68615109">为什么我的 Onclick 箭头功能在 React 中不起作用？</a> </li> <li> <a href="/q/68615123">在此代码中是否有使用“this”的替代方法？</a> </li> <li> <a href="/q/68614097">在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化</a> </li> <li> <a href="/q/68614427">每千个数字得到</a> </li> <li> <a href="/q/68615239">更新了城市边界 KML 文件的来源？</a> </li> </ul> </div> <div class=""> </div> </div> </div> <div> <script> var host = window.location.host; if (host =="www.thinbug.com"){ (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); } </script> </body> </html>