Sign in to follow this  
gadjet

Изменение порядка блоков

Recommended Posts

<div>Лого</div>

<div>Текст</div>

<div>Меню</div>

Без-имени-1.png

 

Как сделать чтобы в адаптивной версии меню оказалось выше текста?

213123.png

Share this post


Link to post
Share on other sites

flex не подходит. Нужен другой способ

 

В справочнике на htmlbook, кстати, нет информации про order и про flex тоже

Edited by gadjet

Share this post


Link to post
Share on other sites
4 часа назад, gadjet сказал:

flex не подходит. Нужен другой способ

Тогда grid. Если и он не подходит - тогда JS, ну или делать дублирование блоков и в зависимости от ширины экрана показывать/скрывать нужные блоки.

4 часа назад, gadjet сказал:

В справочнике на htmlbook, кстати, нет информации про order и про flex тоже

Вообще-то есть. Правда там ее мало, но есть ссылки на то где можно почитать подробнее. А вообще htmlbook это старая версия сайта, новая находится по адресу https://webref.ru ну и гугл никто еще не отменял

Share this post


Link to post
Share on other sites

Скорее всего, проблему можно решить при помощи свойства float или direction (приминительно к inline-block элементу). Но нужно будет постараться.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Member Statistics

    46,331
    Total Members
    3,128
    Most Online
    god
    Newest Member
    god
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.