asp.net treeview的截止线

Question

我有一个ASP.NET TreeView，当我定义它的样式时需要将ShowLine设置为“true”。 但是，树视图的线条将被截止。 我试过了this tutorial，但没有用。

.tree
{
      font-size: 40px;
      height: 40px !important;
 }

<asp:TreeView ID="TreeView1" runat="server" ShowLines="True" CssClass="tree">
    <Nodes>
            <asp:TreeNode Text="test1" Value="1">
                <asp:TreeNode Text="test1.1" Value="11"></asp:TreeNode>
            </asp:TreeNode>
            <asp:TreeNode Text="test2" Value="2">
                <asp:TreeNode Text="test2.1" Value="21"></asp:TreeNode>
            </asp:TreeNode>
        </Nodes>
    </asp:TreeView>

Answer 1

您是否尝试过示例中提到的样式？您在样式

中缺少td div

.tree td div {
   height: 20px !important
}

那会有效。请注意，设置40px不会直接起作用，因为div中使用的垂直线图像看起来高度为20px;因此，如果你想改变它，你需要实现自己的方式。这也会影响树节点上的展开/折叠图标。

.tree td div {
       height: 40px !important
    }

修改

使用的默认图像尺寸为20 x 20像素。要设置自己的图像集，需要设置树视图的LineImagesFolder属性（通过这样做，您将提供自己的图像集）。看看这个MSDN Link