如何解决我想将特定的网格设为页脚
我有一个带有2个按钮的网格。这两个按钮应位于右侧和左侧。而且网格必须是页脚。
我的HTML看起来像这样:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="buttons.component.css" />
</head>
<mat-grid-list cols="25" rowHeight="fit" style="height: 50px ">
<mat-grid-tile rowspan="1" colspan="22">
<footer>
<div class="button_zurück">
<button mat-raised-button (click)="back()">Zurück</button>
</div>
<div class="button_weiter">
<button mat-raised-button (click)="forward()">Weiter</button>
</div>
</footer>
</mat-grid-tile>
</mat-grid-list>
</html>
CSS看起来像这样:
.button_weiter{
margin-left:80%;
}
.button_zurück{
margin-right: 80%;
}
.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{
color:rgba(255,255,255);background-color:rgb(16,78,139);
}
.mat-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-mini-fab{
font-family:Verdana,Geneva,Tahoma,sans-serif,"Helvetica Neue",sans-serif;font-size:11pt;
font-weight:500;
}
.mat-focus-indicator.mat-raised-button.mat-button-base{
margin-left: 25%;
}
.mat-grid-tile{
background: lightblue;
}
footer{
margin-top: auto;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。