css属性

 

1.文字溢出显示点点点

display: -webkit-box;-webkit-box-orient:vertical;overflow:ellipsis;word-break:break-all;-webkit-line-clamp:1;

2.flex属性

flex主要属性有五个 1.flex-direction 2.flex-wrap 3.justify-content 4.align-items 5.align-content

flex-direction: 主轴的对其方式，有四个属性，1.row默认值主轴为水平方向2.row-reverse主轴水平方向从右往左排列3.column主轴为垂直方向4.column主轴为垂直方向从下往上排列。

flex-wrap: 主轴是否换行，wrap属性换行，no-wrap不换行默认值，wrap-reverse弹性项自动换行，但是倒序排列

justify-content:主轴对齐方式，flex-start默认值，flex-end从右往左排列，space-between子元素在主轴上平均分布左右两侧不留间距，space-around平均分布，两侧留有空袭，center居中

align-center:交叉轴的对齐方式，center剧中，flex-end靠右，flex-start默认值，baseline每个弹性项都根据其文本基线进行对齐，stretch默认值，弹性项在交叉轴上被拉伸填满弹性容器

子元素，flex-grow：定义弹性项的放大比例。默认值为0，即不进行放大，flex-shrink：设置弹性项的缩小比例。默认值为1，即缩小比例和弹性容器内其他元素相同。 flex-basis：设置弹性项在弹性容器内的基准宽度。默认值为auto，即弹性项的宽度由其内容决定。

3.position定位

• static（默认）
• relative（相对定位）
• fixed（固定定位）
• absolute（绝对定位）
• sticky（动态效果）

4.transform

transform三大属性：rotate(旋转) 、 scale(缩放) 、 translate(移动)

5.opacity透明度，visibility:hidden内容不可见，overflow：hidden