文章插圖

文章插圖
內容導讀

當父div的行高等于自身高度時，內部的行內元素會上下居中顯示 。行內塊沒有固定高度時也會上下居中顯示 。所以需要對父div的 line-height 進行調整 。利用定位屬性（top、left、right、bottom）百分比的模式 。若為100%，則代表偏移的長度為父div的高度（寬度）的100% 。定位屬性top和bottom（或是left和right）值分別設置為0，但子div有固定高度（寬度），并不能達到上下（左右）間距為0，此時給子div設置 margin:auto 會使它居中顯示 。

轉載自喜歡JS的無名小站

例如 一個父div(w:100%;h:400px)中有一個子div(w:100px;100px;) 。讓其上下左右居中 。

方法一（varticle-align）理念
利用表格單元格的居中屬性 。
步驟父div外層配置一個div，同時設置為表格元素 (

• ppt圖片排版技巧 多圖 ppt圖片排版布局模板
• div禁止點擊事件 css隱藏元素的方法中可以觸發點擊事件
• 如何獲取div中的內容 jquery獲取div內容
• grid布局方式 gridbagconstraints什么意思
• 入口設計的布局形式 界面設計布局方式
• JavaScript獲取div高度 css獲取div高度
• 兩個div并排顯示 兩個div怎么并列
• css超出部分滾動條 div內容超出后自動顯示滾動條
• cad布局圖怎么做 房屋平面布局圖怎么做
• 企業網站的結構及分析 公司網站結構布局