发表于: 2019-01-07 20:52:54

1 746


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 

完成了task6的基本布局,如图:

1、justify-content

justify-content 用于设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式。

属性值 :

flex-end    项目位于容器的结尾。

center     项目位于容器的中心。

space-between    项目位于各行之间留有空白的容器内。

space-around    项目位于各行之前、之间、之后都留有空白的容器内。

2、text-overflow

text-overflow 属性规定当文本溢出包含元素时发生的事情。

属性值:

clip: 当对象内文本溢出时不显示省略标记(...),而是将溢出的部分裁切掉。

ellipsis: 当对象内文本溢出时显示省略标记(...)。

3、overflow

overflow 属性规定当内容溢出元素框时发生的事情。

属性值:

hidden    内容会被修剪,并且其余内容是不可见的。

scroll    内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。

auto    如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。

4、white-space

white-space属性指定元素内的空白怎样处理。

属性值:

pre    空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。

nowrap    文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。

pre-wrap    保留空白符序列,但是正常地进行换行。

pre-line    合并空白符序列,但是保留换行符。

明天计划的事情:(一定要写非常细致的内容) 

完成并提交任务六

掌握相应知识点

了解任务七
遇到的问题:(遇到什么困难,怎么解决的) 

暂无
收获:(通过今天的学习,学到了什么知识)

同今天完成的事情


返回列表 返回列表
评论

    分享到