div居中：最完整的div居中方法總結

網頁中我想將文字或圖片進行水平居中或垂直居中該怎麼實現呢？可以利用DIV+css很方便的進行佈局實作。那麼今天我就給他大家總結下利用CSS實現DIV居中和利用JS/JQ進行居中的幾種方法：

CSS實現Div居中的方法：

#1.利用css如何讓Div處於永遠居中狀態？

上面文章中的實例程式碼就是如何利用CSS讓DIV處於一個永遠居中的狀態，不管螢幕如何滑動，該p始終保持在螢幕正中央(支援IE7（含IE7）以上版本)，當你看完的時候你會覺得很簡單，一點也想不到這樣的簡單。

2.用CSS控制DIV置中失效的解決方法

##在一般情況下DIV置中失效是因為沒寫DTD語句，其實其他很多css的問題也是因為沒有加上dtd語句引起的，只要在頭部加上文章中的內容，就可以輕鬆的解決問題！

3.讓p居中對齊的css樣式

本文中使用margin-left:auto ;margin-right:auto; 可以讓你的p居中對齊。 .style{margin-left:auto;margin-right:auto;} 縮寫形式為： .style{margin:0 auto;} 數字0 表示上下邊距是0。可以按照需要設定成不同的值。

JS/JQ實作DIV居中的方法：

1.

JS實作p居中範例

p居中的方法有很多，就好比上面我們介紹的CSS實作DIV居中一樣，網路上可以找得到，但是本文要介紹的是使用JS實現的，比較另類，值得我們學習~

#2.利用jq讓你的p居中的好方法分享

DIV居中不只可以使用CSS、JS實現，JQ同樣也可以實現DIV居中，本篇文章就是使用JQ實現DIV居中的實例，看完之後你會發現程式碼簡潔明了，卻又舉一反三。

DIV居中的相關問答：

##1.css - 在絕對定位的情況下怎麼讓p居中呢？

2.html5 - html怎麼讓p居中？ ？

3.前端- 如何讓img在p居中，img比p還長

DIV居中的文章相關建議：

#1.css圖片居中：css圖片上下左右居中（水平和垂直居中）

以上是div居中：最完整的div居中方法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！