css如何实现元素永远在第一行最后一个

Sweenny_Nv
  • 66

css如何让某个元素固定在第一排最后一个,当页面大小改变(兼容不同设备)的时候一样在第一行的之后一个
image.png

回复
阅读 515
3 个回答
✓ 已被采纳

https://developer.mozilla.org...

用 grid, flex, 指定 order 属性.

或者用 float 属性.


<!DOCTYPE html>
<html>
    <head>
        <style>
div {
    box-sizing: border-box;
}
.flex {
    /* display: flex; */
    width: 500px;
    flex-wrap: wrap;
}
.flex div {
    width: 100px;
    height: 100px;
    border: 1px solid;
    float: left;
}
div.tail {
    order: 1;
    float: right;
}
        </style
    </head>
    <body>
        <div class="flex">
            <div class="tail">Div1</div>
            <div>Div2</div>
            <div>Div2</div>
            <div>Div2</div>
            <div>Div2</div>
            <div>Div2</div>
            <div>Div2</div>
            <div>Div2</div>
            <div>Div2</div>
            <div>Div2</div>
            <div>Div2</div>
            <div>Div2</div>
            <div>Div2</div>
            <div>Div2</div>
            <div>Div2</div>
            <div>Div2</div>
            <div>Div3</div>
            <div>Div4</div>
        </div>
    </body>
</html>
你知道吗?

宣传栏