一行或者多行垂直居中問題

2022-08-16 19:39:17 字數 432 閱讀 6657

在實際開發中,我們會遇到很多需要多行垂直居中的問題,今天空閒做個總結。

1.首先一行問題我就不用說了,給乙個line-height一般都能夠解決垂直居中的問題。

但是如果是下面這中格式那該如何處理呢? 

多行多行多行多行

多行多行多行多行

方法一:也是最重要的。雖然這個方法不相容ie6 ie7

給div乙個父盒子

將父盒子的css設定為display:table。

子盒子display:table-cell vertical-align:middle text-align:center

方法二這個方法就是萬能的了。**就不上了。講一下思路吧

首先還是給最大的盒子display:table。利用**垂直居中的屬性。

本人實踐,沒有問題。如對您有幫助,請支援一下。

一行或者多行垂直居中問題

在實際開發中,我們會遇到很多需要多行垂直居中的問題,今天空閒做個總結。1.首先一行問題我就不用說了,給乙個line height一般都能夠解決垂直居中的問題。但是如果是下面這中格式那該如何處理呢?多行多行多行多行 多行多行多行多行 方法一 也是最重要的。雖然這個方法不相容ie6 ie7給div乙個父...

mysql多行合併一行,一行拆分多行

資料 建表語句 drop table if exists 品牌 create table 品牌 id int 0 not null,品牌 varchar 255 character set utf8 collate utf8 general ci null default null engine i...

pandas實現多行合併一行 一行拆分多行

import pandas as pd 構造資料 data pd.dataframe 合併資料 合併前 合併後 import pandas as pd 構造資料 data pd.dataframe 拆分資料 data pinpai data 品牌 str.split expand true data...