发表于: 2018-10-19 21:43:26

1 744


今天完成的事情: 

今天主要是把大概的内容都给写进去了,明天准备好弄布局

布局的知识还是差了一点,只是把简单的布局给写了一下,明天是更复杂的布局

flex-direction (元素排列方向)
    row, row-reverse, column, column-reverse
flex-wrap (换行)
    nowrap, wrap, wrap-reverse
flex-flow (以上两者的简写)
    flex-direction || flex-wrap
justify-content (水平对齐方式)
    flex-start, flex-end, center, space-between, space-around
align-items (垂直对齐方式)
    stretch, flex-start, flex-end, center, baseline
align-content (多行垂直对齐方式)
    stretch, flex-start, flex-end, center, space-between, space-around
row
flex容器的主轴被定义为与文本方向相同。 主轴起点和主轴终点与内容方向相同。
row-reverse
表现和row相同,但是置换了主轴起点和主轴终点
column
flex容器的主轴和块轴相同。主轴起点与主轴终点和书写模式的前后点相同
column-reverse

表现和column相同,但是置换了主轴起点和主轴终点

position: sticky;

position属性中最有意思的就是sticky了,设置了sticky的元素,在屏幕范围(viewport)时该元素的位置并不受到定位影响(设置是top、left等属性无效),当该元素的位置将要移出偏移范围时,定位又会变成fixed,根据设置的left、top等属性成固定位置的效果。今天刚看到的还是很有意思,很有用的

明天计划的事情:尽量去把布局看懂
遇到的问题:布局混乱
收获:


返回列表 返回列表
评论

    分享到