发表于： 2019-11-02 23:15:42
1 911
一、今天完成的任务
flex剩余知识
align-items
设置或检索弹性盒子在侧轴|（纵轴方向上的对齐方式）
可以设置五个值：
flex-start：弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴起始边界
flex-end：弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴结束边界
center：弹性盒子元素在该行的侧轴（纵轴）上居中放置。（如果该行的尺寸小于弹性盒子元素的尺寸，则会向两个方向溢出相同的长度）
baseline：如弹性盒子元素的行内轴与侧轴为一条，则该值与flex-start等效。其他情况下，该值将参与基线对齐。
stretch：如果指定侧轴大小的属性值为auto，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，但同时会遵照min/max-width/height属性的限制。
7、align-content
设置或检索弹性盒堆叠伸缩行的对齐方式
可以设置六个值：
flex-start：各行向弹性盒容器的起始位置堆叠。弹性盒容器中第一行的侧轴起始边界紧靠柱该弹性盒容器的侧轴起始边界，之后的每一行都紧靠住前面一行
flex-end：各行向弹性盒容器的结束位置堆叠。弹性盒容器中最后一行的侧轴起结束界紧靠住该弹性盒容器的侧轴结束边界，之后的每一行都紧靠住前面一行。
center：各行向弹性盒容器的中间位置堆叠。各行两两紧靠住同时在弹性盒容器中居中对齐，保持弹性盒容器的侧轴起始内容边界和第一行之间的距离与该容器的侧轴结束内容边界与最后一行之间的距离相等。
space-between：各行在弹性盒容器中平均分布。第一行的侧轴起始边界
css如何给文字加下划线：
text-decoration：undeline；但是加完下划线之后发现比文字长了一段，于是网上查怎么更改，发现特别复杂，于是自己想到底哪里出问题，最后想到汉字的字节要比英文大，但是标点符号的大小几乎没有区别，不过在汉语的标点之后会有半个字符的空，于是把汉语标点换成英文的，发现问题完美解决了。
中文标点 英文标点
二、遇到的困难
input的用法，页面的各种布局等
三、明天要做的事情
做任务五
四、收获
开始学着使用input，对于flex的使用更加熟练。
返回列表
评论