關於DIV內文字垂直居中的寫法

最近在寫ui，或多或少用到了css，在這記錄一下，今天用到的div內文字垂直居中的寫法，

因為所做的專案都是基於webkit核心瀏覽器演示的，所以我們今天採用的是-webkit-box的寫法：

display: -webkit-box;

/*水平居中
*/-webkit-box-align: center;
/*垂直居中 
*/-webkit-box-pack: center;
/*flex需要寫上，不寫沒作用
*/-webkit-box-flex: 1;

如果是css2中呢，普遍的寫法是，適用於高度固定的情況：

/*

水平居中
*/text-align：center
/*我們假設div的高度是50，設定line-height和height相同就可以實現垂直居中
*/line-height：50px;
height:50px;

Div文字垂直居中

line height 如果是單行文字的話，可以使用 line height 30px 來設定居中對齊，僅此乙個標籤就可以，但不能隨高度動態變化 vertical align 很多人對這個標籤有一定的誤解，它的實際意思是對不同dom元素來講的，關於vertical align的 top,middle...

div文字垂直居中

1.單行文字 設定div的高度與文字的行高一樣就可以了,即 line height 和 height 的數值是一樣的就可以了,最後給div乙個 over flow hidden 讓超出的部分隱藏.這種方法支援塊級和內聯極元素以及所有的瀏覽器,不過只能顯示一行,而且ie中不支援 img 等的居中,之所...

關於DIV垂直居中

1 單行文字在div中的垂直居中。div為可變高度 css html 2 單行文字在div中垂直居中。div為固定高度。css html 3 div在div中垂直居中 說明 儘管有css的vertical align特性，但是並不能有效解決未知高度的垂直居中問題 在乙個div標籤裡有未知高度的文字或...