米琪卡哇伊
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>
添加回答
舉報
0/150
提交
取消