我想将特定的网格设为页脚

编程问答 2022-06-13

问题描述

我有一个带有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;
 }

网站图片如下：1

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularbuttonbuttonfooterhtml