1、水平居中比较常见,
div{ margin:0 auto;}
2、垂直居中:
div{ position:absolute; left:50%; top:50%; width:300px; height:300px; margin:-150px auto auto -150px;}
主要是垂直居中,利用绝对定位负边距实现。不过唯一不足的是需要确定原本div的宽度和高度。
本文共 250 字,大约阅读时间需要 1 分钟。
1、水平居中比较常见,
div{ margin:0 auto;}
2、垂直居中:
div{ position:absolute; left:50%; top:50%; width:300px; height:300px; margin:-150px auto auto -150px;}
主要是垂直居中,利用绝对定位负边距实现。不过唯一不足的是需要确定原本div的宽度和高度。
转载于:https://blog.51cto.com/qings/1332382