删除行之间的空格

Question

我面临着行和它们之间的空间的小问题。另一方面，我也尝试将图像设置为填充（大小相同）初始主页（使用导航栏和tabspage）。

screenshot

和我现在的代码： page.html中

session.query(Entity).filter(User.name.in_(['abc', 'def']))

page.scss：

<ion-content>
  <ion-row>
    <ion-col no-padding (click)="openPage1()">
      <p class="image-title">1</p>
      <img  src="assets/imgs/2560x1440.png" />
    </ion-col>
  </ion-row>
  <ion-row>
    <ion-col no-padding (click)="openPage2()">
      <p class="image-title">2</p>
      <img  src="assets/imgs/2560x1440.png" />
    </ion-col>
  </ion-row>
  <ion-row>
    <ion-col no-padding (click)="openPage3()">
      <p class="image-title">3</p>
      <img  src="assets/imgs/2560x1440.png" />
    </ion-col>
  </ion-row>
</ion-content>

Answer 1

也许您还没有使用重置css。请为图像添加此css，因为此空间来自img默认样式。

或者我建议使用全球reset

或者您可以使用eric meyer reset

img {
    display: inline-block;
    vertical-align: middle;
}