html垂直居中
之前一直不會垂直居中,看了一篇文章才知道 原地址 不詳了..
1 .diva{ 2 width:300px; 3 height:300px; 4 background-color:green; 5 position:absolute; 6 top:0; 7 right:0; 8 bottom:0; 9 left:0; 10 margin:auto; 11 } 12 這是一種垂直居中的方式。 13 14 第二種相容比較好 15 16 .divb{ 17 width:300px; 18 height:300px; 19 background-color:red; 20 position:absolute; 21 top:50%; 22 right:0; 23 left:0; 24 margin:auto; 25 margin-top:-150px;//一半的高度 26 }
第一次寫博客 不好之處大家見諒 有更好的方法或者錯誤歡迎指出。