如何仅使用css垂直堆叠链接

Question

如何在不使用HTML列表或中断的情况下垂直堆叠HTML标记（如超链接）。

示例：

$startArr = []; $endArr = []; for ($i=0; $i<count($arr); $i++){ if (isset($arr[$i+1])){ // check the next item end if ($arr[$i]['end'] > $arr[$i+1]['end']){ $startArr[] = $arr[$i]['start']; $endArr[] = $arr[$i]['end']; // here is the problem, what could I can do // for item 1 and 3 } } }

输出

A

乙

C

Answer 1

尝试将block添加到您的锚元素

a {
    display: block;
}

Answer 2

您还可以将flex用于父元素，如下所示：

<div class="parent">
    <a href="#">link</a>
    <a href="#">link</a>
    <a href="#">link</a>
    ...
</div>

.parent {
    display: flex;
    flex-direction: column;
}