今天完成的事情：

完成个人编辑UI图

定制海报UI图

海报浏览UI图
明天计划的事情：

我的报表 
遇到的问题：无

收获：

复习了CSS知识点

文本效果

https://www.runoob.com/css3/css3-text-effects.html

文字溢出

text-overflow:

clip:剪掉

ellipsis:省略号

使用text-overflow属性是让文字溢出的时候被剪掉还是省略号.

注意：

这个需要其他属性配合这使用

overflow:

属性这里是指定内容溢出一个元素框后会发生什么。

overflow:hidden

一般用内容会被剪贴到

-webkit-line-clamp：多行溢出.

-webkit-line-clamp:2

这个CSS代码是让文本换行在第二行后后面的文本就不显示出来了跟

overflow:hidden配合这使用.

word-wrap: break-word:这个是允许单词换行到下一行

-webkit-box-orient:vertical; 这个是多行溢出属性相当于用来配合

文字样式

font-weight:设置文字粗细

自适应

display: -webkit-box;

自适应，它会让文本内容自己适应宽高.

输入框限制

oninput="value=value.replace(/[^\d]/g,'')"
//只能输入纯数字

flex布局

display: flex;

justify-content

这个属性是可以对齐元素

• flex-start: 元素和容器的左端对齐。

• flex-end: 元素和容器的右端对齐。

• center: 元素在容器里居中。

• space-between:元素之间保持相等的距离。

• space-around:元素周围保持相等的距离。

CSS边框线条类型

border-style:

silid:实线边框

dashed:虚线边框

dotted:点线边框