要說面試官經常問的問題中「如何將乙個塊元素水平垂直居中」就算乙個。
之前的面試中也有中招，現在總結一下。
1、css垂直水平居中
要讓div水平和垂直居中，必需知道該div得寬度和高度，然後設定位置為絕對位置，距離頁面視窗左邊框和上邊框的距離設定為50%，這個50%就是指頁面視窗的寬度和高度的50%，最後將該div分別左移和上移，左移和上移的大小就是該div寬度和高度的一半。
1.mydiv
2、jqurey動態顯示垂直居中
jquery實現水平和垂直居中的原理就是通過jquery設定div的css，獲取div的左、上的邊距偏移量，邊距偏移量的演算法就是用頁面視窗的寬度減去該div得寬度，得到的值再除以2即左偏移量，右偏移量演算法相同。注意div的css設定要在resize()方法中完成，就是每次改變視窗大小時，都要執行設定div的css，**如下：
1 $(window).resize(function());
7 });
此外在頁面載入時，就需要呼叫resize()。
1 1 $(function());
DIV水平居中 垂直居中
一 css 居中 水平居中 div等標籤本身沒有定義自己居中的屬性，網上很多的方法都是介紹用上級的text align center，然後巢狀一層div來解決問題。可是這個方法有時候完全不起作用，而且對於布局是非常不科學的方法。正確的的設定寫法如下 對頁面構造沒有影響 div 這句css居中的意思就...
關於DIV垂直居中
1 單行文字在div中的垂直居中。div為可變高度 css html 2 單行文字在div中垂直居中。div為固定高度。css html 3 div在div中垂直居中 說明 儘管有css的vertical align特性，但是並不能有效解決未知高度的垂直居中問題 在乙個div標籤裡有未知高度的文字或...
div的垂直居中
div在html中的橫向居中可以採用margin auto的方式來居中 但是在 豎直方向上市無法這樣做的 主要原因因為螢幕橫向距離是固定值，但是豎向為非固定數值 因為增加內容而改變 但是可以採用這種方法來進行居中，同時也可用於某些因素下margin auto失效後進行橫向水平居中，具體方法就是首先定...