0

我有以下问题,我无法弄清楚。

例如:我在一个 ul 列表中有 9 个列表项。li 项目具有 float:left (css) 并且在 3 列中可见。

list item 1      list item 2      list item 3
list item 4      list item 5      list item 6
list item 7      list item 8      list item 9

我想指出,我已将每个列表项的编号添加为类名,因此可以识别每个项。

是否有可能(通过 php、javascript、jquery 等)计算 3 列布局中的列表项 5 将位于第 2 列。因此需要数字“2”?

4

1 回答 1

1

以下代码片段可能会对您有所帮助,

<?php
function get_column_val($needle, $total_columns) {
    if (($column_no = ($needle%$total_columns)) == 0) {
        $column_no = $total_columns;
    }
    return $column_no;
}

for ($i = 1; $i < 10; $i++) {
    $col_no = get_column_val($i, 3);
    echo "$i -> $col_no";
    echo "<br />";
}
?>

您可以使用get_column_val函数来查找列号。

echo get_column_val(1, 3); // returns 1
echo get_column_val(2, 3); // returns 2
echo get_column_val(3, 3); // returns 3
echo get_column_val(4, 3); // returns 1
于 2013-06-17T16:29:28.123 回答