html – 表行,你可以将高度设置为零吗?

前端之家收集整理的这篇文章主要介绍了html – 表行,你可以将高度设置为零吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
你可以将表格行的高度设置为0吗? IE 8,Chrome,Firefox,Opera.

你为什么问!那么,当用户单击父行时,我有一行动态构建和显示.麻烦的是,如果没有行,单击时,它仍然会显示一个空的1像素高排.

这是子网格视图:

<asp:TemplateField HeaderStyle-CssClass="hidden-column" ItemStyle-CssClass="hidden-column" FooterStyle-CssClass="hidden-column">
                <ItemTemplate>
                    <tr>
                        <td colspan="8" >
                            <div id='<%# Eval("PublicationID") %>' style="display: none; position: relative;">
                                <asp:GridView ID="GridView2_ABPubs" runat="server" AutoGenerateColumns="false" Width="100%"
                                    DataKeyNames="PublicationID" Font-Names="Verdana" Font-Size="small">
                                    <Columns>
                                        <asp:TemplateField>
                                            <ItemTemplate>
                                                <asp:CheckBox ID="ChildPublicationSelector" runat="server" />
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:BoundField DataField="NameAbbrev" HeaderText="Publication Name" SortExpression="NameAbbrev" />
                                    </Columns>
                                </asp:GridView>
                            </div>
                        </td>
                    </tr>
                </ItemTemplate>
            </asp:TemplateField>

CSS:

.hidden-column 
{
    display: none;  
}

JavaScript的:

<script language="JavaScript" type="text/javascript">
    var currentlyOpenedDiv = "";
    function CollapseExpand(object) {
        var div = document.getElementById(object);
        //if (currentlyOpenedDiv != "" && currentlyOpenedDiv != div) {
        //    currentlyOpenedDiv.style.display = "none";
        //}
        if (div.style.display == "none") {
            div.style.display = "inline";
            currentlyOpenedDiv = div;
        }
        else {
            div.style.display = "none";
        }
    }
</script>

解决方法

无论如何,我不认为0行高的技巧完美无缺 – Firefox和IE在桌面顶部形成了一个较为边框的边框.如果您关闭边框,这可能并不重要(尽管我认为在表顶部仍然有一个空白的1像素行).许多网页设计师在第一行使用spacer gif(1×1透明gif,大小适当的宽度),以获得同样的效果,从而解决了这两个问题.

猜你在找的HTML相关文章