1.單行文字: 設置height = line-height;

多行文字: 設置 padding, 自己要計算一下?

vertical-align: 可以設置垂直居中, 但是只是針對本身就具有 align屬性的 table.
所以, 要使div中的內容垂直居中, 可以讓div 模擬 表格的 屬性就好了:

需要設置的css有兩個:

• 一個是: 外部的 div#wrap{ display: table; } 這個外部的包裹 容器要設置為 : display: table, 模擬一個表格;
• 因此, 第二個就是 真實的, 要垂直居中的內容了: div#content{display: table-cell;} 這個就是模擬表格中的單元格了!!

參考文章:http://zhidao.baidu.com/link?url=x9lkdTVmQ7nbs_7jse7ZhEohjVNQgc3-CRTX51WS_eCubYUWCCP1udOwwyt5SPJ62YfkTfsq7qzSrX0f00p7K_

多行文本固定高度的居中 ///垂直居中vertical-align的值是middle，而水平居中align的值是center，雖然同是居中但關鍵字在本文的一開始，我們已經說過CSS中的vertical-align屬性只會對擁有valign特性的(X)HTML標簽起作用，但是在CSS中還有一個display屬性能夠模擬<table>，所以我們可以使用這個屬性來讓<div>模擬<table>就可以使用vertical-align了。注意，display:table和display:table-cell的使用方法，前者必須設置在父元素上，后者必須設置在子元素上，因此我們要為需要定位的文本再增加一個<div>元素：

======================================= =============
meta有兩種類型的屬性, 一種是name, 另一種屬性是: http-equiv

• name=...., content=....;
• 另一種屬性是: http-equiv=..., content=...
  其中, http-equiv是規定文件的內容類型, 所以: http-equiv="Content-Type" 它的值就相應的是: content="text/html; charset=utf-8"

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />此 content-type <meta> 標記包括 http-equiv 和 content 屬性。包含 content-type 值的 http-equiv 屬性將此 <meta> 標記聲明為 content-type <meta> 標記。該 content 屬性的 text/html 值將此文檔定義為基于文本的文件，文件在瀏覽器中應顯示為 HTML。content 屬性的 charset 值聲明字符編碼，它告訴瀏覽器如何顯示文件中的字符。在上面的示例中，charset 值是 UTF-8。萬維網聯合會 (W3C) 建議以 HTML 格式顯示的 HTML 和 XHTML 文件包括一個 content-type <meta> 標記。

總結

以上是生活随笔為你收集整理的div+css使多行文字垂直居中?的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。