Выравнивание прямо в ионном

Question

У меня всегда возникают проблемы с выравниванием по CSS.

Существует много разных способов выравнивания, но ни один из методов, которые я обычно выполняю, не работает.

Я не хочу использовать поле со значением% либо.

, пытаясь заставить эту галочку выравниваться вправо.

. HTML

    <ion-item>
      <span>
        Every Sunday
      </span>
      <ion-icon class="right" name="checkmark"></ion-icon>
    </ion-item>

. CSS

.right{
   float:right;
   text-align: right;
}

РЕДАКТИРОВАТЬ: Обнаружено, что это была функция Ioni c, препятствующая выравниванию других CSS.

Так slot="end" сделал трюк в. HTML

Answer 1

Вам не нужно писать css для этого. Ioni c framework уже имеет решение этой проблемы. В Ioni c существует свойство slot , которое имеет начало и конец значение.

, вам нужно поставить slot = "end" на ионный значок .

<ion-item>
    <span>
      Every Sunday
    </span>
    <ion-icon slot="end" class="right" name="checkmark"></ion-icon>
  </ion-item>

Надеюсь, это поможет.

Answer 2

Надеюсь, я правильно понял ваш вопрос / намерение. попробуйте добавить следующие правила для вас ion-item class:

    width: 100%; /* or whatever you want the reference element to be */
    display: inline-block;

, и элемент, который вы выравниваете справа (right), сделает то же самое, но ширина ссылочного элемента (ion-item) изменилось.