1樓：匿名使用者
vertical-align:middle;教程講的是這個可以垂直居中。但是我用這個從來沒看出有居中的效果，所有如果是一排文字我用line-height:
30px;如果是一個盒子，比如說你這種，我就用margin-top:20px;通過邊距去調整到居中位置，或者padding-top:20px;補白也可以。。。
就看你怎麼用了！！希望對你有幫助！
2樓：純潔的小樹
垂直居中有一下四種方式：
方法1：
.parent
.child
方法2：
.parent
.child
方法3：
.parent
.child
方法4：
.parent
.child
3樓：
這裡div的高度和寬度都是300px; 設定position:absolute; 是讓div絕對定位，要想讓div在視窗的正中間，必須讓div的中心與視窗的中心重合，所以這裡面top:50%; 和left:
50%;是讓div的左上角先位於視窗的中心位置，然後通過margin-left和margin-top分別取寬和高的一半，讓div的中心位於視窗的中心...
希望能幫助你...
4樓：
注意，其中margin:-150px 0 0 -150px;
第一個150是高度的一半，第四個150是寬度的一半
5樓：曉丶丶
可以定義一個網頁大的div margin;0 auto;
line-height 定義和height 的高度一樣 就可以了 （很常用的技巧
如不明白 qq78 520 22
如何使文字在div中水平和垂直居中的css**，
6樓：匿名使用者
使文字在抄div中水平
和垂直居中的襲的css樣式為
text-align:center; /*水平居中*/line-height: 20px; /*行距設為與div高度一致*/
示例如下：
html元素
水平垂直居中
css樣式
div顯示效果
7樓：匿名使用者
margin:0 auto;//水平居中
自己的height和父元素的lineheight一樣可以垂直居中
8樓：匿名使用者
一個比copy較簡單的方法就是這樣：
你們假bai設你的div是高度100px，寬度du是1000px，那你這樣寫，你的zhi文字就會水平dao垂直居中：
水平垂直居中
css是這樣的，text-align:center意思就是說，讓這個div裡的文字水平居中，而line-height:100px;的意思是說，讓div裡面的每一行文字，佔的高度為100px（和那個div的高度一樣），這樣，文字就垂直居中了。
也就是說，如果你的div是200px高，那你就讓line-height:200px;文字就會垂直居中了。
不知道說明白沒有。不行，你再hi我好了。
9樓：繁華花
div
10樓：談慧
水平垂bai直du
居中zhi
div希望你dao能看版
懂！權！
div+css 怎麼讓一個小div在另一個大div裡面 垂直居中
11樓：匿名使用者
方法一、小div絕對定位或相對定位，這樣小div脫離標準流，大div有固定寬高，用小div的margin去擠大div
注意：如果小div沒有絕對定位或相對定位，且大div沒有border，那麼小div的margin實際上踹的是「流」，踹的是這「行」。如果用margin-top，大div整體也掉下來了。
如下：方法二、如果給大div加一個border，使大div，小div都不定位，用小div的margin去擠大div，實現小div居中。
顯示結果如下：
方法三、小div絕對定位，大div相對定位，定位到大盒子的寬高一半的位置，再上下各margin負的自己寬高的一半
顯示結果如下：
12樓：匿名使用者
實現原理是設定margin自動適應,然後設定定位的上下左右都為0。
就如四邊均衡受力從而實現盒子的居中：
**：.parent
.child
擴充套件資料div+css絕對定位
使用通常是父級定義position:relative定位子級定義position:absolute絕對定位屬性，並且子級使用left或right和top或bottom進行絕對定位。
.divcss5 定義，通常最好再定義css寬度和css高度.divcss5-a 這裡定義了距離父級左側距離間距為10px，距離父級上邊距離為10px
參考資料
13樓：純潔的小樹
方法1：
.parent
.child
方法2：
.parent
.child
方法3：
.parent
.child
方法4：
.parent
.child
14樓：碼農不過如此
小div在大div中居中可以設定合適的padding 或margin值，尺寸計算對了就好
當然如果尺寸不方便計算的話那就使用定位屬性，小的div在大的div中分別絕對定位為：left：50%；top:
50%,然後再新增margin-left\top屬性，值為負的小div的寬高的一半~
簡單**如下：
15樓：青鳥中關村專家
如果說是div裡面套著div的話，就可以直接設定外面的div的valign屬性的值為middle。
valign 屬性規定單元格中內容的垂直排列方式
16樓：
qq使用 margin: auto;
17樓：匿名使用者
方法一，小div在大div中居中可以設定合適的padding 或margin值
方法二，使用定位屬性，小的div在大的div中分別絕對定位為：left：50%；top:50%,然後再新增margin-left\top屬性，值為負的小div的寬高的一半~
18樓：你太受歡迎自欲
divdiv img
line-height別掉下否則不起作用
19樓：小風往西
大小div分別設定寬高；
大div；
小div；
注意上面有個負號別丟了；
對這方面感興趣可以去w3cschool學習。
20樓：河東陳彬
上面方法很多，但是最好的最通用的一個就夠了：
21樓：匿名使用者
提供一個截圖供參考：
html css中如何實現div中的**水平垂直居中對齊 60
22樓：育知同創教育
所謂的**水平垂直居中就是把**放在一個容器元素中（容器大於**尺寸或是指定了大小的容器），並且**位居此容器正中間（中間是指元素容器的正中間），而**不是以背景**（background-image）形式展示，是以元素形式展示的。如下圖所示：
2、解決垂直居中的辦法：使用display:table-cell和設定了display:inline-block的線合span。
完整例子：
html**：
css**：
實現效果如下：
23樓：千鋒教育
**水平垂直居中情況很多，最簡單的辦法是吧**設定為背景，給背景設定background-position:center;
如果只能用**
分兩種情況：
1.**寬高固定，這種情況很簡單。
水平居中：就在**的css中加 dispaly:block;margin:0 auto;
垂直居中：自己算出（div的高度-**的高度）/2，得到margin-top值即可。
2.**高度未知，這個佈局比較難實現。一般我是用js做的。
水平居中：同上，在**的css中加 dispaly:block;margin:0 auto;
垂直居中：用js算出（div的高度-**的高度）/2，得到margin-top值賦給它。
曾經研究過網上的很多方法，個人覺得這個是最有效的了。
24樓：草是一顆植物
如果**左浮動並且"display:inline"時，只要給**設定一個"text-align:center"屬性，就解決了水平居中。
使用display:table-cell和設定了display:inline-block的線合span，這樣就解決垂直居中。
《html與css入門經典》是經典暢銷圖書《html與css入門經典》的最新版本，與過去的版本相同，本書採用直觀、循序漸進的方法，為讀者講解使用html5與css3設計、建立並維護世界級web站點的過程，以方便讀者掌握。
分為24章，其涵蓋的內容有理解web的工作方式，構造html文件，理解層疊樣式表、理解html5頁面架構，處理文字塊和列表，處理字型，處理顏色和邊框，使用外部連結和內部連結，使用**和欄，建立用於web的影象。
第一部分簡要地介紹了html和xhtml，闡述了網頁的建立過程和釋出步驟，討論瞭如何連線到其他網頁。
第二部分介紹了文字的對齊和格式化，討論了文字連結、影象連結和影象對映，闡述瞭如何處理用於網頁中的影象，還介紹瞭如何設定網頁的背景和顏色。
第三部分討論瞭如何使用**、css和框架設計網頁佈局；第四部分**瞭如何使用指令碼、表單和多**設計動態網頁。
25樓：凌
display: flex;
justify-content: center;
align-items: center;
建議你應該先學習一下彈性佈局
div+css，**怎麼設定在div中垂直居中？
26樓：育知同創教育
方法一：
思路：利用text-align屬性將**水平居中，然後設定padding-top的值使其垂直居中。
結構如下：
css樣式如下：
div釋義：**的尺寸為150x100px，div的大小為300x200px；
background-color:#ccc; border:#000 1px solid;為div加個邊框和背景色，便於觀察效果。
text-align:center,實現**的水平居中；padding-top:50px，50px這個數值是經過計算得到的，padding-top的值具體演算法如下：
（div的高度 – **的高度）/2，但這裡要注意，根據盒模型原理，我們還要將div原來的高度200減去padding-top的值，這樣顯示的才是正確的，否則div會變高。
方法二：
思路：只用padding屬性，通過計算求得居中
結構**同上；
css樣式如下：
div備註：這裡div的寬高計算都遵循盒模型原理，計算方法同上。
方法三：
思路：利用**的margin屬性將**水平居中，利用div的padding屬性將**垂直居中。
結構**同上；
css**如下：
divimg備註：img是內聯元素，要設定其margin屬性使其居中，就要將其轉換為塊元素display:block;然後利用margin:
0 auto;實現**的水平居中；（有的設計師為**再加個div標籤，然後通過div標籤的margin實現居中
27樓：睢冉
這種會居中 **不固定，你要計算**佔用比
如何讓div裡的dl水平垂直居中
222傻豬 首相你再css樣式的文字里加上 這個 清除標籤原有屬性，然後你給dl新增一個類.center給外面的div加一個類或者id 總之是給外面的div加一個寬度，比如.div 這樣就可以了，想看效果，你可以給每個類新增不同的背景顏色，這樣方便看，上面的不要複製，因為有的標點是中文輸入法下的 m...
CSS DIV佈局如何讓div的位置隨著另div的大
一動出行 先確定div1的大小。然後再div2和div3都加上float的屬性，這樣只要div2或div3有一個大小在變化，另外一個div的位置也會跟著一起變化。 middle foot 如果html是上面正常結構，css裡面你沒亂用定位去佈局大的版面排版，並且有浮動的地方正確的浮動了，那麼正常情況...
關於div層居中的問題，div中如何設定文字居中
起作用的，記住一定要給這個div層設定寬度，因為div層它的預設寬度是100 當然加margin 0px auto 不起作用了。但你給這個層寫了寬度width 500px margin 0px auto 這樣才起作用呢。我這有兩中解決方法 一 確保有 檔案頭有。宣告 要不然ie6無效，ff可以 加上...