Javascript,Nodejs,MongodDB,WordPress,CSS,PHP

LightBlog

Saturday, November 6, 2021

CSS Flex Box

1. what is flex box?

New module in CSS3 to easy align elements in different directions and orders.

CSS felxbox layout replaces float layout.

New way to build one dimentional layouts.

2. CSS Flexbox Properties.
  • flex-directon
  • flex-wrap
  • flex-flow
  • flex-grow
  • flex-shrink
  • flex-basis
  • flex
  • justify-content
  • align-content
  • align-items
  • align-self
  • order
3. What is difference between block, inline and inline-block properties.

inline: The major different is that the element doesn’t start on a new line and only occupy just the width it requires. You can’t set the width or height.

inline-block: It is formatted just like the inline element, where it doesn’t start on a new line. but you can set width and height values.

block: The element will start on a new line and occupy the full width available. And you can set width and height values.

No comments:

Post a Comment