7

我有一个表格，其中显示有关事件时间跨度的一些信息，并且该特定信息位于嵌套表格中。

这是一个屏幕截图：

嵌套表

这是<td>包含嵌套表的（请忽略 RAZOR LOGIC）：

<td>
    <table class="centered" style="width: 100%; table-layout: fixed; white-space: nowrap;">
        <tbody>
            <tr>
                <td class="left-text" style="max-width: 81px; width: 81px;"><b>All Day?</b></td>
                <td id="AllDay-@item.ExternalID" style="width: 160px;">@(item.AllDay.HasValue && item.AllDay.Value == true ? "Yes" : "No")</td>
            </tr>
            @*Should display StartTime & EndTime if AllDay == true??*@
            <tr id="StartTime-@item.ExternalID" style="display: @(item.AllDay.HasValue && item.AllDay.Value == true ? "none" : "block")">
                <td class="left-text" style="max-width: 81px; width: 81px;"><b>Start Time</b></td>
                <td id="StartTime-@item.ExternalID" style="width: 160px;">@item.StartTime</td>
            </tr>
            <tr id="EndTime-@item.ExternalID" style="display: @(item.AllDay.HasValue && item.AllDay.Value == true ? "none" : "block")">
                <td class="left-text" style="max-width: 81px; width: 81px;"><b>End Time</b></td>
                <td id="EndTime-@item.ExternalID" style="width: 160px;">@item.EndTime</td>
            </tr>
        </tbody>
    </table>
</td>

在嵌套表上，我具有以下样式：

style="width: 100%; table-layout: fixed; white-space: nowrap;"

在每个左侧单元格（即“全天？”、“开始时间”、“结束时间”）上，我有以下样式：

style="max-width: 81px; width: 81px;"

如果不是很明显，嵌套表格的单元格都没有遵循我的风格。这有点令人沮丧，因为我什至不知道桌子会变成如此荒谬的草率。

如何强制嵌套表格中的所有表格数据单元格正确对齐？

4

1 回答 1

22

您需要在标签上使用display:table-row;而不是。display:block;<tr>

或者，您可以切换一个类display:none;而不是切换display值。

于 2013-07-10T18:18:53.127 回答