发表于： 2020-11-23 19:33:28
1 1116
回来了！
今天完成的事：
1.继续任务4，heder部分的三个元素水平布置用了position: absolute（给父级元素设置了position: relative，养成习惯：子绝父相），中间的元素设置水平居中，用了left=50%和transform: translateX(-50%)（注：向左平移该元素的50%宽度），使得元素中心点正好水平居中。
2.heder三元素垂直居中，使用父级元素设置display:flex;algin-items：center，详见http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
3.通过这个header的布局，发现float和position存在局限性，也许是积累不够
4.完成了form的初步学习，也用到了flex配置form以及子元素垂直居中，用border-width：0 0 0 2px，去除其它三边的边框
遇到的问题
水平居中和垂直居中还不是很熟练，得再熟悉熟悉
返回列表
评论