1樓：兄弟連教育
說明，本文中所指的div包括html頁面中所有的元素。 讓乙個div水平居中，直接用css就可以做到。只要設定了div的寬度，然後使用margin設定邊距0 auto，css自動算出左右邊距，使得div居中。
.mydiv但是如果要使div垂直方向也居中，恐怕css需要修改了。 css實現水平和垂直居中 要讓div水平和垂直居中，必需知道該div得寬度和高度，然後設定位置為絕對位置，距離頁面視窗左邊框和上邊框的距離設定為50%，這個50%就是指頁面視窗的寬度和高度的50%，最後將該div分別左移和上移，左移和上移的大小就是該div寬度和高度的一半。
.mydiv該方法使用普遍，但是前提是必需設定div的寬度和高度。如果當頁面div寬度和高度是動態的，比方說需要彈出乙個div層並且要居中顯示，div的內容是動態的，所以寬度和高度也是動態的，這時需要用jquery可以解決居中。
jquery實現水平和垂直居中 jquery實現水平和垂直居中的原理就是通過jquery設定div的css，獲取div的左、上的邊距偏移量，邊距偏移量的演算法就是用頁面視窗的寬度減去該div得寬度，得到的值再除以2即左偏移量，右偏移量演算法相同。注意div的css設定要在resize()方法中完成，就是每次改變視窗大小時，都要執行設定div的css，**如下： $(window).
resize(function());});此外在頁面載入時，就需要呼叫resize()。$(function());此方法的好處就是不需要知道div的具體寬度和高度大小，直接用jquery就可以實現水平和垂直居中，而且相容各瀏覽器，這個方法在很多的彈出層效果中應用。
2樓：小
設定樣式 margin: auto auto;
如何讓div水平和垂直居中
3樓：育知同創教育
可以使用mardin 0 auto 先水平居中 在設定margin-top的值 使其水平居中
如何讓div水平垂直居中
4樓：育知同創教育
儘管有css的vertical-align特性，但是並不能有效解決未知高度的垂直居中問題（在乙個div標籤裡有未知高度的文字或**的情況下）。
標準瀏覽器如mozilla, opera, safari等.，可將父級元素顯示方式設定為table(display: table;) ，內部子元素定為table-cell (display:
table-cell),通過vertical-align特性使其垂直居中，但非標準瀏覽器是不支援的。
非標準瀏覽器只能在子元素裡設距頂部50%，裡面再套個元素距頂部-50% 來抵消。
5樓：匿名使用者
text-align:center
如何讓div裡面的div水平垂直居中
6樓：育知同創教育
讓div裡面的div水平垂直居中有2種方法：
方法一：
讓乙個div水平居中，直接用css就可以做到。只要設定了div的寬度，然後使用margin設定邊距0 auto，css自動算出左右邊距，使得div居中。
.mydiv
方法二：
要讓div水平和垂直居中，必需知道該div得寬度和高度，然後設定位置為絕對位置，距離頁面視窗左邊框和上邊框的距離設定為50%，這個50%就是指頁面視窗的寬度和高度的50%，最後將該div分別左移和上移，左移和上移的大小就是該div寬度和高度的一半。
.mydiv
該方法使用普遍，但是前提是必需設定div的寬度和高度。如果當頁面div寬度和高度是動態的，比方說需要彈出乙個div層並且要居中顯示，div的內容是動態的，所以寬度和高度也是動態的，這時需要用jquery可以解決居中。
怎麼讓img在div裡垂直居中
7樓：黑馬程式設計師
body結構
方法一：
將display設定成table-cell，然後水平居中設定text-align為center，垂直居中設定vertical-align為middle。
方法二：
通過position定位來實現。將div設定成相對定位relative，將img設定成絕對定位absolute，left:50%，top:
50%，此時**的左上角位於div的中心，要是**的中心位於div的中心，就需要將**向上移**片高度的一半，並向左移**片寬度的一半。
怎麼讓乙個div水平居中，垂直不居中
8樓：匿名使用者
margin:0 auto; 這個0控制垂直方向的高度
9樓：黑馬程式設計師
margin:0 auto;
這個屬性就可以實現
10樓：匿名使用者
給div新增樣式
margin：0 auto;
jquery怎麼將div設定為水平垂直居中
11樓：萊特資訊科技****
二、方法有三：
1、css實現水平和垂直居中：要讓div水平和垂直居中，必需知道該div得寬度和高度，然後設定位置為絕對位置，距離頁面視窗左邊框和上邊框的距離設定為50%，這個50%就是指頁面視窗的寬度和高度的。
2、如果當頁面div寬度和高度是動態的，比方說需要彈出乙個div層並且要居中顯示，div的內容是動態的，所以寬度和高度也是動態的，這時需要用jquery可以解決居中。
3、 jquery實現水平和垂直居中：此方法的好處就是不需要知道div的具體寬度和高度大小，直接用jquery就可以實現水平和垂直居中，而且相容各瀏覽器，這個方法在很多的彈出層效果中應用。
三、注意事項：方法二的前提是必需設定div的寬度和高度。
12樓：匿名使用者
用position定位
然後js中 控制css、樣式 top：50%-div自身高度的一半；
佳能EOS 60D，如何能實現水平和垂直線都敏感的型對焦點
當然有區別了，十字對焦是相機 看 的 對焦區域 小方框是你看的 對焦區域 所謂 十字對焦 是一種既水平又垂直的十字交叉對焦方式，你看到的方框，是告訴你當前相機對焦的區域，雖然說你選擇的是點對焦，這個對焦點隨與相機的距離增大而增大，實際上對焦點是乙個小區域，目前民用相機還做不到真正的 點對焦 正常，那...
如何提高自己的說話水平和人際關係
不太會說話的人會覺得自己沒有話題，很多時候明明沒有什麼話可以說，偏偏要沒話找話，結果說了一通全是廢話，自然就不會受歡迎。要想提高說話的邏輯性，就要在平時說話時，多關注下自己常用的連詞。學會在合適的地方用合適的連詞。用好關聯詞的最好的效果就是會讓人覺得你說話貌似有邏輯，能注意接下來你會說什麼。陌生場合...
如何可以讓div內的元素不換行，如何讓一個div中的內容不換行
海里的月光 1 開啟vscode，建立一個測試頁面，在測試頁面中，新增一個寬度 300px的div，同時新增div的紅色邊框。此處設定固定寬度和邊框，是為了更好的演示換行與不換行。2 在div標籤的內部，新增一些測試的文字，這些文字可以隨便新增，僅僅只是演示而已。文字不要太少，最少要佔據兩行的空間。...