Jump to content

Flexbox и работа с ним.


Recommended Posts

Flexbox предоставляет инструменты для быстрого создания сложных, гибких макетов, и функции, которые были сложны в традиционных методах CSS.

.flex-container{
    dispay: flex;  /*выставляем, что контейнер flex и всё, что ниже, работает по flex'у*/
    flex-direction: row; /*Обычное направление, слева направо*/
}

image.png.7ae10082b0009a20b928db967147064b.png

 

.flex-container{
    dispay: flex;  /*выставляем, что контейнер flex и всё, что ниже, работает по flex'у*/
    flex-direction: row-reverse; /*справа налево.*/
}

image.png.c86e2a034c51103f77e0b5d8a7591418.png

.flex-container{
    dispay: flex;  /*выставляем, что контейнер flex и всё, что ниже, работает по flex'у*/
    flex-direction: row-reverse; /*справа налево.*/
}

 

Link to post
Share on other sites
  • 1 month later...
  • 2 weeks later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...