0

Не получается спозиционировать v-container по центру оси x, класс который в документации не срабатывает(

  <v-container class="mx-auto">
    <v-row>
      <v-col cols="3" class="pa-0">
        <v-text-field dark label="Например ZCash" v-model.trim="ticker" />
      </v-col>

введите сюда описание изображения

3
  • Он срабатывает, но значение auto у левого и правого маржинов имеет эффект только если ширина элемента с таким стилем меньше ширины родительского. Плюс, стоит проверить возможное перекрытие значения margin другими стилями (несмотря на то что стиль утилити-класса содержит !important, его все-таки возможно перекрыть).
    – yar85
    20 июл 2021 в 18:46
  • @yar85 проверил, родитель больше дочернего контайнера, но он все равно не центрируется по центру через my-auto( 20 июл 2021 в 19:39
  • Значит, либо перекрытие значения margin, либо есть стили которые делают маржин неэффективным (например, те которые вырывают элемент v-container'а из потока документа). Причина есть так или иначе, чудес же не бывает... но по скриншоту не увидеть вычисленных стилей, так что тебе на выбор 2 варианта: либо самостоятельно искать эту причину, либо добавлять в вопрос запускаемый минимальный пример с проблемой (чтобы сообщество в поиске причины помогло).
    – yar85
    21 июл 2021 в 0:50

1 ответ 1

0

В тексте вы хотите выровнять по оси х а на картинке по оси у, уточните ось по которой выравниваете если по оси у:

<v-container class="my-auto">

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.