垂直居中 父元素高度確定的多行文字（方法一）

父元素高度確定的多行文字、等的豎直居中的方法有兩種：

方法一：使用插入 table

(包括tbody、tr、td)標籤，同時設定vertical-align：middle。

css 中有乙個用於豎直居中的屬性 vertical-align，在父元素設定此樣式時，會對inline-block型別的子元素都有用。下面看一下例子：

html**：

看我是否可以居中。

css**：

table td

因為td 標籤預設情況下就預設設定了vertical-align 為middle，所以我們不需要顯式地設定了。

垂直居中 父元素高度確定的多行文字（方法一）

父元素高度確定的多行文字 塊狀元素的豎直居中的方法有兩種 方法一 使用插入 table 包括tbody tr td 標籤，同時設定 vertical align middle。說到豎直居中，css 中有乙個用於豎直居中的屬性 vertical align，但這個樣式只有在父元素為 td 或 th 時...

未知高度多行文字垂直居中

近日，微博上有朋友比較糾結未知高度的文字垂直居中問題。這個和 未知高度垂直居中 有些類似，但是有一些細節需要注意。這裡有之前寫的乙個未知寬高對話方塊的垂直居中 拖動改變大小看是不是依然居中？只不過對話方塊是相對於 viewport 視口 居中的，這裡的文字需要的是相對於容器垂直居中。拿到這樣的需求時...

未知高度多行文字垂直居中

莜霓網路工作室 近日，微博上有朋友比較糾結未知高度的文字垂直居中問題。這個和 未知高度垂直居中 有些類似，但是有一些細節需要注意。這裡有之前寫的乙個未知寬高對話方塊的垂直居中 拖動改變大小看是不是依然居中？只不過對話方塊是相對於 viewport 視口 居中的，這裡的文字需要的是相對於容器垂直居中。...