在asp.net的TreeView中将文本显示在文本右侧

Question

我有一个TreeView来弹出我的菜单。默认情况下，当我向TreeNode添加带有图片的新TreeView时，图片会显示在TreeNode文字的左侧。

我的aspx代码是

<asp:TreeView ID="TreeView1" runat="server" ImageSet="Arrows" ExpandDepth="1" NodeIndent="10"
        BackColor="White" Font-Bold="False" Font-Italic="False" Font-Names="Andalus"
        Font-Size="Small">
        <HoverNodeStyle Font-Underline="False" />
        <Nodes>
            <asp:TreeNode Text="Parent 1" Value="Print">
                <asp:TreeNode Text="Node 1" Value="01"></asp:TreeNode>
                <asp:TreeNode Text="Node 2" Value="02"></asp:TreeNode>
            </asp:TreeNode>
            <asp:TreeNode Text="Parent 2" Value="03"></asp:TreeNode>
            <asp:TreeNode Text="Parent 3" Value="04" ImageUrl="images/blinking_new.gif">
            </asp:TreeNode>                
            <asp:TreeNode Text="Parent 4" Value="05"></asp:TreeNode>
        </Nodes>
        <NodeStyle Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" HorizontalPadding="5px"
            NodeSpacing="0px" VerticalPadding="0px" />
        <ParentNodeStyle Font-Bold="True" ForeColor="#5555DD" />
        <SelectedNodeStyle Font-Underline="True" HorizontalPadding="0px" VerticalPadding="0px"
            BackColor="#FF99CC" ImageUrl="" />
    </asp:TreeView>

输出

但我希望图片应该出现在文字的右边。

喜欢：

怎么做？是否有TreeNode的任何属性来执行此操作，或者我必须为此编写css。 我也搜索过但很难解决。

您的宝贵建议将受到高度赞赏。

Answer 1

你可以试试这个：

<asp:TreeNode Text="Parent 3" Value="04" ImageUrl="images/blinking_new.gif" class="new">
</asp:TreeNode>                

和你的css

.new image { 
    float: right; 
    /*try maybe also to use relative position*/
}