Question

我将页脚设置为标题，关于，与我们联系，热门搜索，博客。我想在页脚标题下面显示内容，但是它不起作用。我得到的输出就像在页脚标题旁边显示内容一样。

我尝试使用网格系统，但到目前为止没有结果。

Contact us            Services          Blogs     

no:12, 8th cross,     Find doctors       Twitter
Rajajinagar,          Find hospitals     Facebook
Bangalore.

HTML代码：

<mat-grid-list cols="4" row Height="4:0.8" class="list"> 
  <mat-grid-tile >Contact Us <h3>Contact us</h3> </mat-grid-tile> 
  <mat-grid-tile>Services</mat-grid-tile> 
  <mat-grid-tile>About Us</mat-grid-tile> 
  <mat-grid-tile>Popular Searches</mat-grid-tile> 
</mat-grid-list>

Answer 1

您可以使用mat-grid-tile-header来定义标题（例如，与我们联系，服务等），然后在其下方定义内容-但仍在mat-grid-tile

之内

<mat-grid-list cols="3" row Height="4:0.8" class="list"> 
  <mat-grid-tile>
    <mat-grid-tile-header>
      <h3>Contact us</h3>
    </mat-grid-tile-header>
    no:12, 8th cross,<br/>
    Rajajinagar,<br/>
    Bangalore.
  </mat-grid-tile> 
  <mat-grid-tile>
    <mat-grid-tile-header>
      <h3>Services</h3>
    </mat-grid-tile-header>
    Find doctors<br/>
    Find hospitals
  </mat-grid-tile> 
  <mat-grid-tile>
    <mat-grid-tile-header>
      <h3>Blogs</h3>
    </mat-grid-tile-header>  
    Twitter<br/>
    Facebook
  </mat-grid-tile> 
</mat-grid-list>

有关有效的演示，请参见this StackBlitz。

如何将页脚与页脚内容一起按栏划分？

1 个答案: