css定位模态框居中 |jquery.emoji.css

方法一：使用绝对定位和transform属性

.modal{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

方法二：使用绝对定位和margin属性

.modal{
position: absolute;
top: 50%;
left: 50%;
margin-left: -（模态框宽度的一半）;
margin-top: -（模态框高度的一半）;
}

方法三：使用flex布局

body{
display: flex;
justify-content: center; 
align-items: center; 
}
.modal{
// 模态框的样式
}

以上是三种常用的方法，可以根据具体情况选择使用。一般来说，方法一和方法二都是可以用的，方法三需要保证网页整体使用了flex布局。