начать печатать с середины текстовой области Не работает для ионных

Question

Я создаю небольшое приложение ionic3.Я пытался создать как то, что страница статуса приложения.Я добавил для этого область ионного текста.но курсор ввода текста не в начале печатать в середине.Кто-нибудь знает, как это сделать правильно?

HTML

<ion-content>
  <textarea #myInput id="myInput" rows="7" maxLength="300" (keyup)="resize()" [(ngModel)]="myStuff" text-center placeholder="Notifictaion here..."></textarea>
</ion-content>

CSS.

#myInput {
    width: calc(100%);
    border: 0;textAlignVertical: 'center';
    border-radius: 0; font-size: 2rem;
    background: #3e50b4; color: white;
  }

вы можетепонять мою проблему посмотрите на мое прикрепленное изображение

выпуск

Я хочу это нравится

Answer 1

Наконец я делаю это, я поставил hsome padding для моего css padding: 100px 10px 100px 10px;, теперь его работа для меня

до

#myInput {
    width: calc(100%);
    border: 0;textAlignVertical: 'center';
    border-radius: 0; font-size: 2rem;
    background: #3e50b4; color: white;
  }

затем

#myInput {
    width: calc(100%);
    border: 0;textAlignVertical: 'center';
    border-radius: 0; font-size: 2rem;
    background: #3e50b4; color: white;
   padding: 100px 10px 100px 10px;
  }