首先按特定类制作div

问题描述 投票：0回答：1

我需要使该div是左侧出现的第一个，如下图所示，请注意，该div具有符合资格的类别，而其他具有不符合资格的类别。请注意父母有 

display:flex;

This is the div that i want

我尝试给目标 div 

flex:1;
但不起作用。

html css flexbox css-selectors grid
1个回答
0
投票

body{
  padding: 25px;
}
.parent{
  display: flex;
}
.div{
  margin: 10px;
  width: 100px;
  height: 100px;
  border: 1px solid gray;
}
.div3{
  order: 1;
}
.div2{
  order: 3;
}
.div1{
  order: 2;
}
<!DOCTYPE html>
<html>
  <head>
    <title>Hello, World!</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <div class="parent">
       <div class="div div1" >
       1
     </div>
     <div class="div div2">
       2
     </div>
     <div class="div div3">
       3
     </div>
    </div>
  </body>
</html>
试试这个，希望这段代码能满足您的要求。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.