亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

我想帶時間的方框上方的按鈕

我想帶時間的方框上方的按鈕

米琪卡哇伊 2021-05-05 21:46:36
我希望按鈕位于框的上方,但我不知道該怎么做,我嘗試了許多嘗試,但沒有用這樣的事情,idk如何將這些按鈕放在上方 這是我的HTML代碼  <div id="clockdiv">    <div id="time">      <span class="minutes"></span>      :      <span class="seconds"></span>    </div>  </div>  <div>      <div>        <img src="imgs/stop.png"  class="btnStop" id="btnStop"/>      </div>      <div>        <img src="imgs/play.png" class="btnPlay"  type="button" id="btnPlay"/>      </div>      <div>        <img src="imgs/pause.png"  class="btnPause"  type="button" id="btnPause"/>      </div>      <div>        <img src="imgs/play.png"  class="btnResume"  type="button" id="btnResume"/>      </div>    </div></body></html>這是我的CSS.btnStop {  width: 30%;  height: 30%;  display: none;}.btnResume {  width: 30%;  height: 30%;}.btnPlay {  width: 30%;  height: 30%;}.btnPause {  width: 30%;  height: 30%;  display: none;}idk嘗試什么,因為im對CSS沒用
查看完整描述

1 回答

?
慕絲7291255

TA貢獻1859條經驗 獲得超6個贊

這是CSS網格的完美用例


您所提供的信息很少,我只能為您提供很多幫助,但是我相信您可以根據自己的需求定制我的解決方案


#container {

  display: inline-grid;

  grid-template-columns: repeat(4, 1fr);

  grid-template-rows: repeat(2, max-content);

  align-items: center;

  align-content: center;

  justify-content: center;

}


#container > button {

  width: 30px;

  height: 30px;

}


#timer {

  grid-column: 1 / span 4;

  grid-row: 2;

  text-align: center;

  font-size: 30px;

}

<div id="container">

  <button class="btnPlay">??</button>

  <button class="btnPause">??</button>

  <button class="btnStop">??</button>

  <button class="btnResume">??</button>

  <div id="timer">30:00</div>

</div>


查看完整回答
反對 回復 2021-05-20
  • 1 回答
  • 0 關注
  • 172 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號