文章/答案/技术大牛

发布

社区首页 >问答首页 >需要按字母顺序垂直打印5列列表

问需要按字母顺序垂直打印5列列表
EN

Stack Overflow用户

提问于 2010-06-15 04:16:14

回答 4查看 1.5K关注 0票数 3

我有一个主要由IE用户浏览的网页，所以CSS3是不可能的。

我希望它像这样列出：

A  D  G
B  E  H
C  F  I

以下是当前列出的函数，如：

A B C
D E F
G H I

function listPhoneExtensions($group,$group_title) {
  $adldap = new adLDAP();
  $group_membership = $adldap->group_members(strtoupper($group),FALSE);

    sort($group_membership);
    print "
    <a name=\"".strtolower($group_title)."\"></a>
    <h2>".$group_title."</h2>
    <ul class=\"phone-extensions\">";
  foreach ($group_membership as $i => $username) {
      $userinfo = $adldap->user_info($username, array("givenname","sn","telephonenumber"));
      $displayname = "<span class=\"name\">".substr($userinfo[0]["sn"][0],0,9).", ".substr($userinfo[0]["givenname"][0],0,9)."</span><span class=\"ext\">".$userinfo[0]["telephonenumber"][0]."</span>";
      if($userinfo[0]["sn"][0] != "" && $userinfo[0]["givenname"][0] != "" && $userinfo[0]["telephonenumber"][0] != "") {
        print "<li>".$displayname."</li>";
      }
    }
    print "</ul><p class=\"clear-both\"><a href=\"#top\" class=\"link-to-top\">&uarr; top</a></p>";
}

示例呈现的html：

<ul class="phone-extensions">
<li><span class="name">Barry Bonds</span><span class="ext">8281</span></li>
<li><span class="name">Gerald Clark</span><span class="ext">8211</span></li>
<li><span class="name">Juan Dixon</span><span class="ext">8282</span></li>
<li><span class="name">Omar Ebbs</span><span class="ext">8252</span></li>
<li><span class="name">Freddie Flank</span><span class="ext">2281</span></li>
<li><span class="name">Jerry Gilmore</span><span class="ext">4231</span></li>
<li><span class="name">Kim Moore</span><span class="ext">5767</span></li>
<li><span class="name">Barry Bonds</span><span class="ext">8281</span></li>
<li><span class="name">Gerald Clark</span><span class="ext">8211</span></li>
<li><span class="name">Juan Dixon</span><span class="ext">8282</span></li>
<li><span class="name">Omar Ebbs</span><span class="ext">8252</span></li>
<li><span class="name">Freddie Flank</span><span class="ext">2281</span></li>
<li><span class="name">Jerry Gilmore</span><span class="ext">4231</span></li>
<li><span class="name">Kim Moore</span><span class="ext">5767</span></li>
<li><span class="name">Barry Bonds</span><span class="ext">8281</span></li>
<li><span class="name">Gerald Clark</span><span class="ext">8211</span></li>
<li><span class="name">Juan Dixon</span><span class="ext">8282</span></li>
<li><span class="name">Omar Ebbs</span><span class="ext">8252</span></li>
<li><span class="name">Freddie Flank</span><span class="ext">2281</span></li>
<li><span class="name">Jerry Gilmore</span><span class="ext">4231</span></li>
<li><span class="name">Kim Moore</span><span class="ext">5767</span></li>
</ul>

任何帮助都是为了让它垂直列出alpha。

php

list

modulus

回答 4

Stack Overflow用户

回答已采纳

发布于 2010-06-15 04:35:37

我会将关键数据加载到一个数组中，这样您就可以对它们进行计数，并按照您想要的任何顺序遍历它们。然后使用这样的算法将它们按正确的顺序排列：

$items = BuildItemArray(); // Get the values into an array.
$columnCount = 5;
$itemCount = count($items);

$rowCount = ceil($itemCount / $columnCount);
for ($i = 0; $i < $rowCount * $columnCount; $i++)
{
    $index = ($i % $columnCount) * $rowCount + floor($i / $columnCount);
    if ($index < $itemCount)
    {
        DisplayItem($items[$index]);
    }
    else
    {
        DisplayBlank();
    }
}

我认为这应该是有效的，但我还没有测试它。

票数 3

Stack Overflow用户

发布于 2014-03-12 11:11:26

出于以下原因，我将我对这个老问题的回答贴出来：

我的答案更通用，也更容易让别人适应，我不想要一个过于复杂的解决方案，

，

，我的数组是关联的，有一个字符串键。顺便说一句，我的解决方案适用于关联数组和索引数组。

实际上，我想出的解决方案非常简单--在一个巨大的表中使用多个带有style=“style=：left”的标记。虽然我怀疑在一个表中包含多个tbody标签是否能通过HTML验证，但它确实通过了，没有错误。

注意以下几点

$numCols是您想要的columns.
Since数我们是浮动项，您可能需要设置父元素的宽度和最小宽度和/或添加一些，基于您的situation.
for替代排序方法，请参见http://php.net/manual/en/array.sorting.php

以下是我的完整答案：

function sortVertically( $data = array() )
{
    /* PREPARE data for printing */
    ksort( $data );     // Sort array by key.
    $numCols    = 5;    // Desired number of columns
    $numCells   = is_array($data) ? count($data) : 1 ;
    $numRows    = ceil($numCells / $numCols);
    $extraCells = $numCells % $numCols;  // Store num of tbody's with extra cell
    $i          = 0;    // iterator
    $cCell      = 0;    // num of Cells printed
    $output     = NULL; // initialize 


    /* START table printing */
    $output     .= '<div>';
    $output     .= '<table>';

    foreach( $data as $key => $value )
    {
        if( $i % $numRows === 0 )   // Start a new tbody
        {
            if( $i !== 0 )          // Close prev tbody
            {
                $extraCells--;
                if ($extraCells === 0 )
                {
                    $numRows--;     // No more tbody's with an extra cell
                    $extraCells--;  // Avoid re-reducing numRows
                }
                $output .= '</tbody>';
            }

            $output .= '<tbody style="float: left;">';
            $i = 0;                 // Reset iterator to 0
        }
        $output .= '<tr>';
            $output .= '<th>'.$key.'</th>';
            $output .= '<td>'.$value.'</td>';
        $output .= '</tr>';

        $cCell++;                   // increase cells printed count
        if($cCell == $numCells){    // last cell, close tbody
            $output .= '</tbody>';
        }

        $i++;
    }

    /* FINISH table printing */
    $output .= '</table>';
    $output .= '</div>';
    return $output;
}

我希望这个答案有一天会对你有用。

票数 1

Stack Overflow用户

发布于 2010-06-15 04:33:19

标题显示为5列，但您的示例显示为3列。我假设为3列。

将数据存储在数组中并对其进行排序后，执行以下操作：

对于3列，您希望位置0、3、6在同一行上。下一行中的每个值都将以1为增量。所以，1,4,7。下一行将是2,5,8。

因此，您可以将for循环更改为最初保存3个值。0,3,6，然后分别递增，并创建下一行。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/3040565

复制

相似问题

问需要按字母顺序垂直打印5列列表
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问需要按字母顺序垂直打印5列列表EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问需要按字母顺序垂直打印5列列表
EN