html – 不服从`width`或`max-width`属性？

发布时间：2020-12-14 16:43:10 所属栏目：资源来源：网络整理

导读：我有一个表,显示有关事件的时间跨度的一些信息,并且该特定信息位于嵌套表中. 这是一个截图：这是 td包含嵌套表(请注意RANOR LOGIC)： td table class="centered" style="width: 100%; table-layout: fixed; white-space: nowrap;" tbody tr td class="left-

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

这是一个截图：

这是< td>包含嵌套表(请注意RANOR 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;"

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

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

解决方法

你需要使用display：table-row;而不是显示：块;在你的< tr>标签.

或者,您可以使用display：none切换类;而不是切换显示值.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!