1、上下居中（垂直居中）
style=“height: 40px;
background-color: #FFFFFF;
display: flex;
flex-direction: row;
align-items: center;
方法2
vertical-align: middle;
2、左右居中（水平居中）
style=“height: 40px;
background-color: #FFFFFF;
display: flex;
flex-direction: row;
justify-content: center;
3、左右居中（水平居中）
display: flex;
flex-direction: column;
align-items: center;jQuery animate() 方法用于创建自定义动画。
语法：
$(selector).animate({params},speed,callback);
必需的 params 参数定义形成动画的 CSS 属性。
可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。
可选的 callback 参数是动画完成后所执行的函数名称。
下面的例子演示 animate() 方法的简单应用；它把
jQuery animate() - 操作多个属性
$("button").click(function(){
$("div").animate({
left:'250px',
opacity:'0.5',
height:'150px',
width:'150px'});
});
用border-radius属性来设置圆角
可以写：
四个值：左上 右上 右下 左下
三个值：左上 右上左下 右下
两个值：左上右下 右上左下
一个值：共用
给单独一角设置圆角：border-xxx-xxx-radius
例如：左上角 border-top-left-radius
position 属性指定了元素的定位类型。
position 属性的五个值：
static
relative
fixed
absolute
sticky
元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。
static 定位
HTML 元素的默认值，即没有定位，遵循正常的文档流对象。
fixed 定位
元素的位置相对于浏览器窗口是固定位置。
relative 定位
相对定位元素的定位是相对其正常位置。
absolute 定位
绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于: