在asp：TreeView中对齐Checkbox

Question

我在我的asp.net页面asp：TreeView在代码隐藏中生成复选框。

<asp:TreeView  ID="TreeView1" Width="250px" NodeWrap="true" 
 ExpandDepth="1 ShowCheckBoxes="All" runat="server">
</asp:TreeView>

在元素后面的代码中，子元素以这种方式在结果集循环中生成。

 TreeNode tn1 = new TreeNode();

 TreeNode tn2 = new TreeNode();
 tn2.Text = "Child1";
 tn2.Value = "Child2";
 tn1.ChildNodes.Add(tn2);

但是在页面中，复选框未正确对齐。我想将它们水平对齐左边。 请提出任何建议。

Answer 1

树视图使用一个很难改变的特定HTML结构......但是您可以使用CSS来调整复选框的位置，或者使用替代控件（转发器绑定到具有以下数据源的数据源） index参数，指示要缩进的空格数，但这不具有展开折叠功能。）

Answer 2

添加了一个css类，现在在复选框和水平对齐工作正常之前删除了空格。

.tv table tbody tr     {
       显示：内联块;
       填充：0像素;        保证金左：5px的;        宽度：100％;

}

<asp:TreeView  ID="TreeView1" CssClass="tv" NodeIndent="2" NodeWrap="true"
ExpandDepth="1" ShowCheckBoxes="All" runat="server">