Display - 块和内联元素
li {display:inline;}
span {display:block;}
块元素是一个元素，占用了全部宽度，在前后都是换行符。
内联元素只需要必要的宽度，不强制换行。
Position(定位)
position 属性指定了元素的定位类型。
position 属性的五个值：static、relative、fixed、absolute、sticky
元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。
Justify-content
在弹性盒对象的 <div> 元素中的各项周围留有空白
div
{
display: flex;
justify-content: space-around;
}
Align-items
居中对齐弹性盒的各项 <div> 元素
div
{
display: flex;
align-items:center;
}
Flex-direction
设置 <div> 元素内弹性盒元素的方向为相反的顺序
div
{
display:flex;
flex-direction:row-reverse;
}
网友评论