Выравнивание блока div со свойством position:absolute или fixed по центру.

Поделиться
HTML-код
  • Опубликовано: 7 янв 2025

Комментарии •

  • @powerdrish4662
    @powerdrish4662 2 года назад

    Респект автору!

  • @СергейХазов-е1з
    @СергейХазов-е1з 6 лет назад

    Дружище спасибо.

  • @Александр-ч3й8ж
    @Александр-ч3й8ж 4 года назад +3

    у блока absolite top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%) и ничего считать не надо...

  • @enkomium
    @enkomium Год назад

    спасибо что помог!

  • @MrCellus27
    @MrCellus27 6 лет назад

    Спасибо, очень помог!

  • @OleksandrPohribnyi
    @OleksandrPohribnyi 4 года назад

    Спасибо, сработало

  • @OlegZkov81
    @OlegZkov81 7 лет назад

    Спасибо.

  • @krasvel8080
    @krasvel8080 6 лет назад

    кратко и ясно

  • @jilla770
    @jilla770 8 лет назад

    Привет! У меня тут такой вопрос: я хочу сделать на своем сайте верхнее фиксированое меню как на сайте vk, то сеть, чтобы при смене масштаба меню все еще было видимо и элементы не меняли свое место, поэтому я сделал ширину блока на весь экран, то есть width: 7000px. Я разместил текст посередине блока (text-align: center), но когда я указал позицию блока position: fixed, то экран сместился налево, а не на середину, где собственно и был текст. Как мне сделать так, чтобы экран направлялся на середину, а не налево? Надеюсь что вы меня поняли, буду очень благодарен если поможете. Вот мой код css:
    div{
    position: fixed;
    width: 6723px;
    left: -5px;
    top: -10px;
    background-color: #00C800;
    text-align: center;
    height: 100px;
    }
    html:
    текст

  • @ТимурРихман-ш2ь
    @ТимурРихман-ш2ь 6 лет назад +1

    а если ширина блоков разная? ..

  • @АртурКолюсь
    @АртурКолюсь 4 года назад

    только пояснить бы не мешало, что margin процент идет не от ширины сдвигающегося блока, а от ширины родительского блока. Тут совпало, что 25% именно половинка двигающегося блока, потому что его ширина 50% родительского. Свободного место в родительском 50%, на эти 50/2% и смещается

  • @ДмитрийДмитриевич-ы2о

    Лучше бы показал как текст внутри дива выроанять