ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
`order`属性定义项目的排列顺序。数值越小,排列越靠前,默认为0。 ~~~css .item { order: <integer>; } ~~~ ![](http://cndpic.dodoke.com/da11be76db194cf002c1f63c70e1014d) ~~~html <div class="box"> <div class="box-item">1</div> <div class="box-item">2</div> <div class="box-item">3</div> <div class="box-item order">4<div>(order:-1)</div></div> </div> ~~~ ~~~css .box { display: flex; background-color: white; } .box-item { width: 200px; height: 200px; line-height: 200px; vertical-align: middle; margin: 5px; background-color: #ffd200; font-size: 100px; color: white; text-align: center; } .box-item div { font-size: 14px; position: relative; top: -150px; } .order { order: -1; } ~~~ ![](http://cndpic.dodoke.com/8c0c99be8be37f9c43f806608093c3f0)