css中常用样式的设置(居中div的子元素，设置行数等)

css中常用样式的设置(居中div的子元素，设置行数等)

     display: -webkit-box;
        -webkit-box-orient: vertical;
        /* 指定div元素的子元素的排列方式*/
        -webkit-line-clamp: 2;
        /*   设置文本行数 */
        /* 对图片进行剪切 ，保留原比例 */
        object-fit: cover;
        /* 属性允许你一特定方式匹配某个区域的特定元素（并排放置两个带边框的框） */
        box-sizing: border-box;

        /* 通过使用 box-align and box-pack 属性，居中 div 框的子元素： */
        /* Safari、Opera 以及 Chrome */
        display: -webkit-box;
        -webkit-box-pack: center;
        -webkit-box-align: center;
//宽度适应内容
 width：fit-content


//设置一定区域内只能显示几行
max-height:  xx px ;

//设置文本间的间隙
letter-spacing:   1.2px ; // normal



//定义一个动画是否运行或者暂停
//animationend事件
animation-play-state: running /paused