0

XML ドキュメントを解析し、それを使用して HTML リストを作成しています。XML データから複数レベルのリストを作成する必要がある状況に遭遇しました。例えば：

1. One
2. Two
  2.1. Three
  2.2. Four
    2.2.1. Five
    2.2.2. Six
  2.3. Seven
3. Eight

できればHTMLでそのような構造を作成することは可能<ul>-<li>sですか? CSS での使用が提案されているいくつかのソリューションに遭遇しましたcounter-incretemnt, counter-resetが、問題は、XML の構造が原因で、私の状況ではそのようなソリューションが実行できないことです。また、XSLT を使用してそれを記述することは非常に困難です。

誰でもこの問題の解決策を提案できますか?

注: リストのレベルに制限はありません!

事前にt​​hnx!!

編集: 上記の必要な HTML リストのサンプル XML を追加します。

<ele lvl="0">
  One
</ele>
<ele lvl="0">
  Two
</ele>
<ele lvl="1">
  Three
</ele>
<ele lvl="1">
  Four
</ele>
<ele lvl="2">
  Five
</ele>
<ele lvl="2">
  Six
</ele>
<ele lvl="1">
  Seven
</ele>
<ele lvl="0">
  Eight
<ele>
4

2 に答える 2

0

ネストされた<ul>タグを使用して、異なるクラス (レベルに応じて) をアタッチできます。

例えば

<ul class="treeLevel1">
 <li>root</li>
 <ul class="treeLevel2">
  <li>home</li>
 </ul>
</ul>

その後、cssで異なるクラス（treeLevel1、treeLevel2、...）に異なるマージンを付けます

.treeLevel1 {
    margin-left: 0.10em;
}
.treeLevel2 {
    margin-left: 0.40em;
}
于 2013-10-14T07:39:27.330 に答える