0

Как отцентрировать вертикальную полосу в CSS? Сама полоса сделана:

.vline {
    border-right: 1px solid white;  
    height: 70px;   
}
2
  • margin: auto пробовали?
    – kvvk
    13 дек 2016 в 13:29
  • А можете добавить деталей и запускаемого кода? 20 янв 2017 в 7:47

2 ответа 2

1

Если полоса - блочный элемент, и нужно выровнять ее по центру родительского контейнера, в котором больше ничего не лежит, то можно так:

margin:0 auto;

Если в родительском контейнере что-то лежит и вам не хочется разбираться с flex, то можно так:

.container{
  position:relative;
}

.container .vline{
  position: absolute;
  left: 50%;
}

Если вам нужна эта полоса поверх всего по центру экрана, то можно так:

.vline{
  position:fixed;
  left:50vw;
  z-index: 100;
}

Либо конкретизируйте вопрос и добавьте больше кода.

1
  1. Можно сделать это через "position: fixed". Пример
  2. Можно сделать это в контейнере с помощью смещения внутри контейнера. Пример
  3. Можно сделать это с помощью Flexbox. Пример.

В зависимости от того,как будут располагаться остальные элементы - будет изменятся ответ. Добавьте пример использования.

1
  • 1
    А можете код перенести со стороннего ресурса сюда? 20 янв 2017 в 7:37

Ваш ответ

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

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