1、最普通的方法，用定位和margin负值就可以实现。
div{
position:absolute
top:50%
left:50%
margin-top:-3px
margin-left:-6px
width:12px
height:6px
}
如题：这个也可以简单的缩减一下：
div{
position:absolute
top: calc（50%-3px）
left:（50%-6px）
width:12px
height:6px
}
当然以上的这个方法我们要知道固定的宽高，其实很麻烦的，如果宽高要是奇数的话，就会很坑。
2、第二个方法可以完美解决固定宽高的问题，我们不需要计算了！不过要注意，一旦出现半像素将会导致元素的一些显示会有模糊，毕竟在CSS中没有十全十美的技巧。
只需要2个东西：一个是绝对定位，另一个是transform位移（CSS3）
div{
position：absolute
top：50%；
left：50%
transform：translate（-50%，-50%）
}
3、使用flex布局，好吧，是不是很眼熟，没错，flex在图片居中上已经发挥了他的效果，如今它又在此袭来，是不是很有魅力呢？
请注意，最后一个方法，如果使用后，不仅垂直居中，横向也会居中哦！
如果你能利用css+div技术控制显示，分辨率不同其实是没有多大关系的。比如你这的这个button按钮，
我设置一个div
#btn{
width:1400px
margin:0px auto
overflow:hidden
}
将这些按钮放在这个div里面，1400分辨率和1900分辨率的屏幕都只能放下70个按钮。
不同的是，1900分辨率的屏幕会留有空白，但不会影响整体效果。
希望这个对你有所帮助。
