色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

我怎樣才能讓css滾動(dòng)兩行水平div？

CSS

我想使這個(gè)用戶界面(兩行) 每個(gè)元素都有自己的寬度和滾動(dòng)enter image description here

我發(fā)現(xiàn)了一些像這樣的鏈接 https://code sandbox . io/s/flex-horizontal-scroll-with-wrap-max-2-rows-d 7 ZJ 3m？file=/src/App.js:77-84

但是我想做的命令是

enter image description here如何用css做出這個(gè)ui？

"溢出-x & quot；就是水平滾動(dòng)div，但是沒(méi)有& quot沒(méi)有包裝& quot

.container{
  background: lightblue;
  width: 30%;
  height:50px;
  overflow-x: scroll;
  white-space: nowrap; 
 
}
button{
  margin: 2px;
  height: 20px;
}

<!DOCTYPE html>
<html>
<title>HTML Tutorial</title>

<body>

  <div class="container">
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <br>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
    <button>CSS</button>
  </div>

</body>

</html>