0

マッピングしているリスト項目があります<ul> <li>。

<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item4</li>
<li>Item5</li>
<li>Item6</li>
<li>Item7</li>
<li>Item8</li>
<li>Item9</li>
<li>Item10</li>
<li>Item11</li>
</ul>

左から右のようにページ上のアイテムを表示します。

Item1 Item2 Item3 Item4 Item5
Item6 Item7 Item8 Item9 Item10
Item11

のように上から下に表示したい

Item1 Item4 Item7 Item10
Item2 Item5 Item8 Item11
Item3 Item6 Item9

上から順に表示するにはどうすればよいですか？

4

3 に答える 3

0

HTML といくつかの単純な CSS だけでこれを行うことができますが、列で区切られた項目のセットごとに個別のリストを作成する必要があります。

<style>
ul {
    margin-top:0px;
    margin-left:0px;
    float:left;
}

</style>

<html>
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>
<ul>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
</ul>
<ul>
  <li>Item 7</li>
  <li>Item 8</li>
  <li>Item 9</li>
</ul>
</html>
于 2012-06-14T12:46:44.890 に答える
0

IE < 10 をサポートする必要がない限り、CSS3 列を使用します。

https://developer.mozilla.org/en/CSS3_Columns

于 2012-06-15T14:51:24.400 に答える
0 
int count = 0;
<ul style="display:inline" >
    if(count < items.length)
    {
        print("<li>");
        print("<ul>");
        for(int a = 1 ; count < items.length && a <= 3 , count++ , a++)
        {
               print("<li>" + items[count].Name + "</li>");
        }
        print("</ul>");
        print("</li>");
    }
</ul>

この疑似コードが役に立ちますように。

于 2012-06-14T12:26:20.113 に答える