大家好，欢迎来到IT知识分享网。
1、上下左右居中
利用absolute定位的不固定宽高垂直实现方法（position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;）
利用flex: display: flex;align-items:center; //垂直对齐方式 justify-content:center; //水平对齐方式
2、Flex布局
设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。
flex-wrap: wrap （自动换行 或 列 ）
flex-direction：（决定主轴的方向）row左右排列、column上下排列
align-items（上下对齐方式）
justify-content （水平对齐方式）
3、filter(滤镜)
4、css 控制行数
单行文本溢出，显示省略号；
第一步(不换行)：white-space:nowrop;（对于连续的数字或者英文字母可省略）
第二步（溢出隐藏）overflow:hidden;
第三步（文本溢出显示省略号）text-overflow：ellipsis;(省略号)
多行文本溢出,显示省略号
(溢出隐藏)overflow:hidden;
(省略号）text-overflow:ellipsis;
display:-webkit-box;(弹性盒模型)；；
设置弹性盒子的子元素的排列方式 ：-webkit-box-orient:vertical; ）;
设置显示文本的行数：-webkit-line-clamp:3;(最多显示3行)
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://yundeesoft.com/32551.html
