asp.net treeviewのカットオフライン

Question

私はASP.NETツリービューを持っており、そのスタイルを定義するときに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

この例のスタイルを試しましたか？あなたが働くスタイル

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

でtd divが欠落しています。 40pxを設定することは、div内で使用される縦線イメージが20pxの高さであるように見えるため、直接動作することはありません。したがって、あなたがそれを変更したい場合は、独自の方法を実装する必要があります。これは、ツリーノードの展開/折りたたみアイコンにも影響します。使用

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

EDIT

デフォルトの画像のサイズは20×20画素です。独自のイメージセットを設定するには、ツリービューのLineImagesFolderプロパティを設定する必要があります（これにより、独自のイメージセットが提供されます）。このを参照してくださいMSDN Link