当前位置： 文江博客话题详情

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

发布于 2022-09-12 23:59:15 字数 119 浏览 32 评论 0

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

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（3）

纸短情长 2022-09-19 23:59:15

我是用grid解决 1号块永远在第1排最后

https://jsbin.com/nuzivusoko/...

回复
走走停停 2022-09-19 23:59:15

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>
回复
~没有更多了~

关于作者

无远思近则忧

暂无简介

0 文章
0 评论
24 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

已经忘了多久

文章 0 评论 0

15867725375

文章 0 评论 0

LonelySnow

文章 0 评论 0

走过海棠暮

文章 0 评论 0

轻许诺言

文章 0 评论 0

信馬由缰

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文