段落未显示在离子3的中心

p标签保持不变。您需要添加 isMD 变量输入。ts文件

import { Platform } from 'ionic-angular';
import { Component } from '@angular/core';

@Component({
  selector: 'page-hello-ionic',
  templateUrl: 'hello-ionic.html'
})
export class HelloIonicPage {
  constructor(public plt: Platform) {
    if(this.plt.is('android')){
      isMD= true;
    }else{
      isMD= false;
    }

  }
}

如果没有此流程,则可以由另一个流程使用 ngClass公司

在里面 。scss公司 粘贴以下代码

.center-text{
  text-align: center;
}

在里面 。ts 粘贴以下代码

import { Component } from '@angular/core';

@Component({
  selector: 'page-hello-ionic',
  templateUrl: 'hello-ionic.html'
})
export class HelloIonicPage {
  constructor() {
    isMD= true;
  }
}

在里面 。html 粘贴以下代码

<p [ngClass]="{'center-text': isMD}">paragraph in a center</p>

如果默认情况下希望文本显示为居中对齐,只需将此属性添加到p标记

<p text-center>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac vehicula lorem.
</p>

如果需要动态行为,并且根据特定条件希望其显示居中对齐,则必须在控制器中设置一个变量,并更改值true/false,根据该值,文本将显示居中对齐,以便

<p [attr.text-center]="yourVariable ? '' : null">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac vehicula lorem.
</p>

你的ts文件

import { Component } from '@angular/core';

@Component({
  selector: 'page-hello-ionic',
  templateUrl: 'hello-ionic.html'
})
export class HelloIonicPage {
  yourVariable:boolean;
  constructor() {
      yourVariable = true; // control your text alignment from here
  }
}

希望对你有帮助