ionic-framework: text-center css utility doesn't center text

Ionic version: (check one with “x”) [ ] 1.x [X] 2.x

I’m submitting a … (check one with “x”) [X] bug report [ ] feature request [ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/

Current behavior: text-center css utility doesn’t center the text.

Expected behavior: text-center css utility center align the text.

Steps to reproduce: use ionic version 2.1.0

Related code:

<ion-item text-center><a (click)="myEvent()">Some text</a></ion-item>

Other information: this issue is not there with 2.0.1

Ionic info: (run ionic info from a terminal/cmd prompt and paste output below):

Cordova CLI: 6.4.0 
Ionic Framework Version: 2.0.1
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.1.4
ios-deploy version: 1.9.0 
ios-sim version: 5.0.11 
OS: macOS Sierra
Node Version: v7.5.0
Xcode version: Xcode 8.2.1 Build version 8C1002
![localhost-8120- iphone 6 1](https://cloud.githubusercontent.com/assets/4653712/23346791/7229121c-fcf1-11e6-9b6a-60c5d273cf10.png)
![localhost-8120- iphone 6](https://cloud.githubusercontent.com/assets/4653712/23346792/722a21ca-fcf1-11e6-9f78-ff3a26f9d173.png)

About this issue

Original URL
State: closed
Created 7 years ago
Reactions: 3
Comments: 16 (10 by maintainers)

Commits related to this issue

refactor(typography): move main typography styles to app — committed to ionic-team/ionic-framework by brandyscarney 7 years ago
feat(app): add responsive utility attributes by screen size - moves breakpoint mixins to the ionic.mixins file - adds responsive attributes for text alignment, transform, and floating elements - adds... — committed to ionic-team/ionic-framework by brandyscarney 7 years ago

Most upvoted comments

@brandyscarney ohh i think i got the problem , it was my ionic-angular version that was 3.5.3 instead of 3.6.0, thank so much for help brandy… 👍

Working for me now at,

cli packages:

ionic/cli-plugin-cordova       : 1.6.2
ionic/cli-plugin-ionic-angular : 1.4.1
ionic/cli-utils                : 1.7.0
ionic (Ionic CLI)               : 3.7.0

global packages:

Cordova CLI : 7.0.1

local packages:

@ionic/app-scripts : 2.1.3
Cordova Platforms  : android 6.2.3
Ionic Framework    : ionic-angular 3.6.0

System:

Android SDK Tools : 25.2.5
Node              : v7.5.0
OS                : macOS Sierra
npm               : 4.1.2

shivamsngh on Aug 7, 2017

but hypothetically it could be.

Hypothetically, yes. But this is something to note when there is a major version change (2.x => 4.x for angular). Any libraries that you have that are based on Angular should have their supported version listed in their dependencies. That and they should release an update that is also a major version change.

I wanted to say that migration to the major version is more expensive and in some cases, it’s not possible without a lot of hours of QA

We do list all of our breaking changes in the change log and note when things have been changed or removed from the framework. So we try to make sure everyone is on the same page.

So it would be good to have a previous major release without bugs if it’s possible.

We’re not perfect, we’ve accepted this. But when there are unforeseen issues, we do make sure to get a patch release out to fix our mistakes 😄

mhartington on May 15, 2017

same question, text-center doesn’t seem to work anymore:

<ion-item class="small-info" text-center text-wrap *ngIf="username != ''">Logged in as {{username}}</ion-item>

bildschirmfoto 2017-03-14 um 20 54 41

edit: .item-block overwrites text-align bildschirmfoto 2017-03-15 um 13 36 00

Cordova CLI: 6.5.0 Ionic Framework Version: 2.2.0 Ionic CLI Version: 2.2.1 Ionic App Lib Version: 2.2.0 Ionic App Scripts Version: 1.1.4 ios-deploy version: 1.9.1 ios-sim version: 5.0.13 OS: macOS Sierra Node Version: v6.9.4 Xcode version: Xcode 8.2.1 Build version 8C1002

urm47 on Mar 15, 2017