Html 自定义或删除离子行之间的空间
我正在学习离子应用程序。我被介绍到网格的东西,但是,我被困在删除/修改行之间的空格(第2行和第3行),如下面的屏幕截图所示: 我的HTML中有以下代码:Html 自定义或删除离子行之间的空间,html,css,angular,ionic-framework,ionic2,Html,Css,Angular,Ionic Framework,Ionic2,我正在学习离子应用程序。我被介绍到网格的东西,但是,我被困在删除/修改行之间的空格(第2行和第3行),如下面的屏幕截图所示: 我的HTML中有以下代码: <ion-content padding> <ion-row> <ion-label> I am good I do not want any space.</ion-label> </ion-row> <ion-row>
<ion-content padding>
<ion-row>
<ion-label> I am good I do not want any space.</ion-label>
</ion-row>
<ion-row>
<div >
<div class="inner">
<ion-label *ngIf="!inverse" no-margin>1 USD = 67 INR</ion-label>
<ion-label *ngIf="inverse" no-margin>1 INR = {{(1/67) | number }} USD </ion-label>
</div>
<button (click)="inverse=!inverse" ion-button clear class="iconWidth" color="dark"> <ion-icon name="swap" class="rotate"></ion-icon></button>
</div>
</ion-row>
<ion-row>
<p>Can you help me to get rid of space between this row and above</p>
<ion-label> Thanks</ion-label>
</ion-row>
</ion-content>
如何自定义第2行和第3行之间的间距?尝试使用
无填充
和无边距
这样的方法,以及您想要关闭的其他方法
<ion-row no-padding>
<p no-margin>Can you help me to get rid of space between this row and above</p>
<ion-label> Thanks</ion-label>
使用负片
页边距顶部
html
<ion-row class="bottomRow">
<p>Can you help me to get rid of space between this row and above</p>
对我有用的是进入标记,将它与
class=“foo”
链接,然后设置.foo{padding:0px}
.inner{
display: inline-block;
width:70%;
margin-bottom: 0px;
}
<ion-row class="bottomRow">
<p>Can you help me to get rid of space between this row and above</p>
.bottomRow
{
margin-top: -20px;
}