gpt4 book ai didi

表格的 html5 和 css3 高度就像其中最高的一样

转载 作者:行者123 更新时间:2023-11-28 11:35:55 25 4
gpt4 key购买 nike

例如,如果我有这样一张表:

<table>
<tr>
<td> lorem ipsum .... </td>
<td> asd </td>
</tr>
<tr>
<td> lorem ipsum <br<br><br> dolor sit amet .... </td>
<td> asd 2 </td>
</tr>
<tr>
<td> lorem <br> ipsum .... </td>
<td> 3asd 3 </td>
</tr>
</table>

我知道看代码,如果我们还想测试,最高行是我放置 3 个 BR 标签的“第二行”。问题是:如果我想让每一行的高度都等于其中最高的那一行,我该怎么办?在这个例子中,我的第二个 TR 是最高的(我们可以称这个高度为“H”)并且我希望(不使用像素高度或类似的东西,因为我必须让它响应!)让每个TR = H;但 react 灵敏。很难解释,希望你能理解!

最佳答案

引用这个。

<!DOCTYPE html>
<title>Example</title>
<style>
table.roundedCorners {
border: 1px solid DarkOrange;
border-radius: 13px;
border-spacing: 0;
}
table.roundedCorners td,
table.roundedCorners th {
border-bottom: 1px solid DarkOrange;
padding: 10px;
}
table.roundedCorners tr:last-child > td {
border-bottom: none;
}
</style>

<table class="roundedCorners">
<tr>
<th>Table Header</th>
<th>Table Header</th>
<th>Table Header</th>
</tr>
<tr>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
<tr>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
<tr>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
<tr>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
</table>

关于表格的 html5 和 css3 高度就像其中最高的一样,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20929011/

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