在我的地铁应用程序中,我正在尝试使用图像(第一行)和图像下方的 2 个按钮(表示下一行)创建主页。第一个按钮“更多”应该在屏幕的左侧,“播放”应该在第二行的屏幕右侧。
我希望屏幕的顶部 90%(高度)应该被图像覆盖(宽度应该是从左到右的整个屏幕),其余 10%(位于屏幕底部)应该只有这两个按钮。
任何人都可以帮助我使用 HTML 代码吗?
我试图使用两个部门,一个用于显示图像,另一个用于按钮。但目前它只显示整个页面的图像,而且也只显示了一半的图像。
<div style="height:60%;" >
<img src="images/games.jpg" style="width:100%;" />
</div>
<div style="vertical-align:bottom;background-color:orange;grid-cell-stacking:columns;margin:4px;padding-bottom:2px;padding-top:40%;padding-left:60%">
<input type="button" id="btnMore" name="Mute" value="More" />
<input type="button" id="btnPlay" name="Play" value="Play" />
</div>