Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2012/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何在Ionic3中创建此布局_Css_Ionic2_Flexbox_Ionic3_Css Grid - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 如何在Ionic3中创建此布局

Css 如何在Ionic3中创建此布局

css ionic2

Css 如何在Ionic3中创建此布局,css,ionic2,flexbox,ionic3,css-grid,Css,Ionic2,Flexbox,Ionic3,Css Grid,我想创建下面的布局，我尝试使用csspadding:0但我仍然有一些空白和边距。第二张图片是我得到的。 布局的代码 <ion-content class="home"> <ion-grid> <ion-row> <ion-col> <img src="assets/Instrumentitem1.png" alt=""> <p>Bass</p>

我想创建下面的布局，我尝试使用css
padding:0但我仍然有一些空白和边距。第二张图片是我得到的。
布局的代码


<ion-content class="home">
  <ion-grid>
      <ion-row>
        <ion-col>
          <img src="assets/Instrumentitem1.png" alt="">
          <p>Bass</p>
        </ion-col>
      </ion-row>
      <ion-row >
        <ion-col>
          <img src="assets/Instrumentitem2.png" alt="">
          <p>Cello</p>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col>
          <img src="assets/Instrumentitem3.png" alt="">
          <p>Viola</p>
        </ion-col>
      </ion-row>
  </ion-grid>
</ion-content>





您可以在网格元素上使用
无填充属性，如下所示：


<ion-grid no-padding>...</ion-grid>



。。。


既然

删除网格和直接子列中的填充

您可以在
中找到更多信息，您可以帮助我解决此问题。

<ion-grid no-padding>...</ion-grid>