成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

CSS實(shí)現(xiàn)多行文本垂直居中

novo / 456人閱讀

摘要:最近在做項(xiàng)目時(shí),遇到了如下樣式需求即實(shí)現(xiàn)多行文本垂直居中。單行文本垂直居中方法簡(jiǎn)單父元素高度即可多行文本垂直居中父元素高度不固定使用樣式解決即使上下相等父元素高度固定,假設(shè)結(jié)構(gòu)如下所示解決方法

最近在做項(xiàng)目時(shí),遇到了如下樣式需求:

即實(shí)現(xiàn)多行文本垂直居中。

分析:文本垂直居中分為兩種,即單行文本和多行文本。

單行文本垂直居中

  方法簡(jiǎn)單:line-height(=父元素高度即可)

多行文本垂直居中

父元素高度不固定

使用padding樣式解決(即使上下padding相等)

父元素高度固定,假設(shè)dom結(jié)構(gòu)如下所示

解決方法:

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/113514.html

相關(guān)文章

  • CSS實(shí)現(xiàn)多行文本垂直居中

    摘要:最近在做項(xiàng)目時(shí),遇到了如下樣式需求即實(shí)現(xiàn)多行文本垂直居中。單行文本垂直居中方法簡(jiǎn)單父元素高度即可多行文本垂直居中父元素高度不固定使用樣式解決即使上下相等父元素高度固定,假設(shè)結(jié)構(gòu)如下所示解決方法 最近在做項(xiàng)目時(shí),遇到了如下樣式需求:showImg(https://segmentfault.com/img/bVbd8Lm?w=418&h=184); 即實(shí)現(xiàn)多行文本垂直居中。 分析:文本垂直...

    shiyang6017 評(píng)論0 收藏0
  • CSS居中完全指南——構(gòu)建CSS居中決策樹

    摘要:但是部分瀏覽器存在兼容性的問題。核心代碼寬高不固定水平垂直居中演示使用布局垂直水平居中核心代碼使用布局垂直水平居中演示使用布局垂直水平居中核心代碼使用布局垂直水平居中演示 CSS居中完全指南——構(gòu)建CSS居中決策樹 showImg(https://segmentfault.com/img/bV8tDq); 本文總結(jié)CSS居中,包括水平居中和垂直居中.本文相當(dāng)于CSS決策樹,下次再遇到...

    cc17 評(píng)論0 收藏0
  • CSS居中完全指南——構(gòu)建CSS居中決策樹

    摘要:但是部分瀏覽器存在兼容性的問題。核心代碼寬高不固定水平垂直居中演示使用布局垂直水平居中核心代碼使用布局垂直水平居中演示使用布局垂直水平居中核心代碼使用布局垂直水平居中演示 CSS居中完全指南——構(gòu)建CSS居中決策樹 showImg(https://segmentfault.com/img/bV8tDq); 本文總結(jié)CSS居中,包括水平居中和垂直居中.本文相當(dāng)于CSS決策樹,下次再遇到...

    AlienZHOU 評(píng)論0 收藏0
  • CSS實(shí)現(xiàn)元素垂直居中

    摘要:實(shí)現(xiàn)元素垂直居中對(duì)元素的垂直居中針對(duì)于單行元素和多行元素將分情況討論。三父元素高度確定的多行文本多行文本,圖片,塊級(jí)元素皆屬于這種情況,對(duì)此的垂直居中主要有兩種方法。插入對(duì)要垂直居中的元素外插入包括標(biāo)簽,同時(shí)設(shè)置。 CSS實(shí)現(xiàn)元素垂直居中 對(duì)元素的垂直居中針對(duì)于單行元素和多行元素將分情況討論。 一、父元素高度確定的單行文本 父元素高度確定的單行文本的豎直居中的方法是通過設(shè)置父元素的 h...

    RobinTang 評(píng)論0 收藏0
  • CSS實(shí)現(xiàn)元素垂直居中

    摘要:實(shí)現(xiàn)元素垂直居中對(duì)元素的垂直居中針對(duì)于單行元素和多行元素將分情況討論。三父元素高度確定的多行文本多行文本,圖片,塊級(jí)元素皆屬于這種情況,對(duì)此的垂直居中主要有兩種方法。插入對(duì)要垂直居中的元素外插入包括標(biāo)簽,同時(shí)設(shè)置。 CSS實(shí)現(xiàn)元素垂直居中 對(duì)元素的垂直居中針對(duì)于單行元素和多行元素將分情況討論。 一、父元素高度確定的單行文本 父元素高度確定的單行文本的豎直居中的方法是通過設(shè)置父元素的 h...

    joywek 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<