gpt4 book ai didi

html - 如何限制表格行高

转载 作者:太空宇宙 更新时间:2023-11-03 23:49:20 25 4
gpt4 key购买 nike

我创建了下面提到的 TABLE:

<html>    
<body>
<table border="0" cellspacing="0" cellpadding="1" width="100%">
<colgroup>
<col span="1" style="width:5%">
<col span="1" style="width:70%">
<col span="1" style="width:25%">
</colgroup>
<tr>
<td colspan="2">
<div style="width:100%; box-shadow: 1px 1px 1px #cfcfcf; border-radius:10px; color:black; border:1px solid #e5e5e5; min-height: 100px;">Sample Text 1</div>
</td>
<td rowspan="5">
<section class="loginform">
<fieldset style="border-radius: 5px; padding: 5px;">
<legend>Template</legend>
<ul style="padding: 10px;">
<li>one</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ul>
</fieldset>
</section>
</td>
</tr>
<tr>
<td>val</td>
<td>
<div style="width:100%; box-shadow: 1px 1px 1px #cfcfcf; color:black; border:1px solid #e5e5e5; min-height: 80px;">1 Only</div>
</td>
</tr>
<tr>
<td>bal</td>
<td>
<div style="width:100%; box-shadow: 1px 1px 1px #cfcfcf; border-radius:10px; color:black; border:1px solid #e5e5e5; min-height: 80px;">2 only</div>
</td>
</tr>
<tr>
<td>nal</td>
<td>
<div style="width:100%; color:black; box-shadow: 1px 1px 1px #cfcfcf; border-radius:10px; color:black; border:1px solid #e5e5e5; min-height: 80px;">Both 1 and 2</div>
</td>
</tr>
<tr>
<td>dul</td>
<td>
<div style="width:100%; box-shadow: 1px 1px 1px #cfcfcf; border-radius:10px; color:black; border:1px solid #e5e5e5; min-height: 80px;">Neither 1 nor 2</div>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>

在这张表中;我想确保模板的高度(右侧部分);始终等于表格的五个行的高度。如果模板中的数据较多,则应带有滚动条。但在任何情况下,它都不应超过表格的五行高度。你能建议一下吗?

最佳答案

您必须设置一个固定的高度。

看看这个:-

http://jsfiddle.net/8tFnG/

<fieldset style="border-radius: 5px; padding: 5px;height: 450px; border: solid 1px red;">

关于html - 如何限制表格行高,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20610085/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com