弹性盒子中的order
程序员文章站
2022-05-22 19:05:48
order order 属性 设置或检索弹性盒模型对象的子元素出现的順序。。 注意:如果元素不是弹性盒对象的元素,则 order 属性不起作用。 "详解查看官方解释" ......
order
order 属性 设置或检索弹性盒模型对象的子元素出现的順序。。
注意:如果元素不是弹性盒对象的元素,则 order 属性不起作用。
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>flexbox demo</title> <style> .container1 { height: 500px; display: flex; border: 2px solid #ccc; justify-content: center; align-items: center; flex-wrap: wrap; } .item { width: 200px; height: 200px; } </style> </head> <body> <div class="container1"> <div class="item" style="background-color: red;order: 1"></div> <div class="item" style="background-color: yellow;order: 1"></div> <div class="item" style="background-color: blue;order: -1"></div> </div> </body> </html>
上一篇: MySql安装配置