使用离子框架适合视图的相等高度行-Java 学习之路

我试图在我的一个具有4x3网格的离子视图中显示网格 . 我希望网格适合视图，使所有行具有相同的高度，所有列的宽度相同，单元格中的所有内容都垂直和水平对齐 .

我不是很擅长CSS，所以我很难用它，有什么帮助吗？

1 回答

Ionic内置了网格类 . 你可以做这样的事情

<div class="row">
   <div class="col"></div>
   <div class="col"></div>
   <div class="col"></div>
</div>

<div class="row">
   <div class="col"></div>
   <div class="col"></div>
   <div class="col"></div>
</div>

他们有关于网格系统的非常好的文档以及设置行和列的其他方法 . 链接：http://ionicframework.com/docs/components/#grid

对于css居中，这应该工作：只需在行和列周围放置一个div并将其应用于这些类 . 我不是一个很好的css，但我会尽力帮助：P

<div class=container>
      <div class="row contained">
           <div class="col">Centered!</div>
       </div>
    </div>  

div.container {
    height: 50%; }
div.contained {
    margin: 0;
    background: yellow;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }

回复于 2024-04-27T05:05:28+08:00

使用离子框架适合视图的相等高度行

1 回答

相关问题