Question

我有一排7个锚链接。我想获得第4个锚点并将其推到下面的行上，但无论我做什么，我都会将第4个锚点推到下面的行上，然后最后3个锚点再次跳到下面的行。

＆＃13;

PATH

＆＃13;

env -i /bin/sh -c 'echo $PATH'

＆＃13;

如何在第4个锚点附近重置锚点？

Answer 1

这样的事情：http://codepen.io/pageaffairs/pen/yNPvXb

a:nth-child(4)::before {
    content: "";
    display: block;
}

Answer 2

您可以将链接设置为float，并清除特定项目上的浮动。

.linkSpan {
    overflow: auto;
}
.linkSpan a {
    float: left;
    margin-right: 4px;
}
.linkSpan a:nth-child(4) {
    clear: left;
}

<span class="linkSpan">
    <a href="#">item</a>
    <a href="#">item</a>
    <a href="#">item</a>
    <a href="#">item</a>
    <a href="#">item</a>
    <a href="#">item</a>
    <a href="#">item</a>
</span>

或添加伪元素以强制换行。

.linkSpan a:nth-child(4):before {
    content: "";
    display: table;
}

<span class="linkSpan">
    <a href="#">item</a>
    <a href="#">item</a>
    <a href="#">item</a>
    <a href="#">item</a>
    <a href="#">item</a>
    <a href="#">item</a>
    <a href="#">item</a>
</span>

我要制作成两排锚的一排？

2 个答案: