如何更改HTML中表格行的高度？

我有一張桌子，我想增加每一行的高度。到目前為止，我已經嘗試將高度屬性添加到 <th 標簽但沒有成功，因為 <th 控制標題而不是行。

<table class="table table-striped table-condensed table-bordered"  id="EntryTable">
                    <thead>
                        <tr class="select-background-color">
                            <th style="text-align: center; vertical-align: middle; width: 2%;  height: 100px;">ID:</th>
                            <th style="text-align: center; vertical-align: middle; width: 10%; height: 100px;">Action<span style="color: red">*</span></th>
                            <th style="text-align: center; vertical-align: middle; width: 28%; height: 100px;">Detailed Action<span style="color: red">*</span></th>
                            <th style="text-align: center; vertical-align: middle; width: 28%; height: 100px;">IAW <span style="color: red">*</span></th>
                            <th style="text-align: center; vertical-align: middle; width: 28%; height: 100px;">Discrepancy Narrative <span style="color: red">*</span> </th>
                        </tr>
                    </thead>
                    <tbody id="tblActions" class="select-background-color"></tbody>
                </table>

我還嘗試從 <th 標簽中取出 height 屬性并將其添加到 <tr 標簽，但仍然沒有成功。我究竟做錯了什么？

<table class="table table-striped table-condensed table-bordered"  id="EntryTable">
                    <thead>
                        <tr class="select-background-color" style="height: 100%;">
                            <th style="text-align: center; vertical-align: middle; width: 2%;">ID:</th>
                            <th style="text-align: center; vertical-align: middle; width: 10%;">Action<span style="color: red">*</span></th>
                            <th style="text-align: center; vertical-align: middle; width: 28%;">Detailed Action<span style="color: red">*</span></th>
                            <th style="text-align: center; vertical-align: middle; width: 28%;">IAW <span style="color: red">*</span></th>
                            <th style="text-align: center; vertical-align: middle; width: 28%;">Discrepancy Narrative <span style="color: red">*</span> </th>
                        </tr>
                    </thead>
                    <tbody id="tblActions" class="select-background-color"></tbody>
                </table>

uj5u.com熱心網友回復：

您可以line-height在tr. 例子：

<table class="table table-striped table-condensed table-bordered"  id="EntryTable">
                    <thead>
                        <tr style="line-height: 14px;" class="select-background-color">
                            <th style="text-align: center; vertical-align: middle; width: 2%;  height: 100px;">ID:</th>
                            <th style="text-align: center; vertical-align: middle; width: 10%; height: 100px;">Action<span style="color: red">*</span></th>
                            <th style="text-align: center; vertical-align: middle; width: 28%; height: 100px;">Detailed Action<span style="color: red">*</span></th>
                            <th style="text-align: center; vertical-align: middle; width: 28%; height: 100px;">IAW <span style="color: red">*</span></th>
                            <th style="text-align: center; vertical-align: middle; width: 28%; height: 100px;">Discrepancy Narrative <span style="color: red">*</span> </th>
                        </tr>
                    </thead>
                    <tbody id="tblActions" class="select-background-color"></tbody>
                </table>

標籤：html css 网站

上一篇：網格單元格寬度為100%的水平滾動

下一篇：如何將Flex容器的寬度固定為等于flex專案的寬度？[復制]