Question

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

例如：我在一个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”？

Answer 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

计算特定列表项的行和列

1 个答案: