国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css怎么讓兩行字垂直居中,CSS實(shí)現(xiàn)兩行字垂直居中

前端小編 4 0

在CSS中,我們可以使用多種方法使兩行文字垂直居中,以下是一些常見(jiàn)的方法:

1、使用flexbox布局

Flexbox是一種靈活的布局方式,可以輕松實(shí)現(xiàn)文字的垂直居中,我們可以將包含兩行文字的元素設(shè)置為flex容器,并使用align-items屬性將其子元素(即文字)垂直居中。

.container {
  display: flex;
  align-items: center;
}

2、使用grid布局

Grid布局也是一種可以實(shí)現(xiàn)文字垂直居中的方法,我們可以將包含兩行文字的元素設(shè)置為grid容器,并使用align-content屬性將其子元素垂直居中。

.container {
  display: grid;
  align-content: center;
}

3、使用position和transform屬性

我們可以將包含兩行文字的元素設(shè)置為相對(duì)定位(relative),并將其子元素(即文字)設(shè)置為***定位(absolute),我們可以使用transform屬性將文字垂直居中。

.container {
  position: relative;
}
.text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

4、使用table布局

我們還可以將包含兩行文字的元素設(shè)置為表格(table),并使用vertical-align屬性將其子元素垂直居中。

.container {
  display: table;
}
.text {
  vertical-align: middle;
}

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
亚洲熟妇久久精品bbwbbw| 日韩高清色| 欧美一级特黄aaaaaa大片在线观看| 亚洲h动漫| 亚洲国产精品va在线| 91久久国产综合久久蜜月精品 | 天堂а在线中文在线新版 | www日本在线视频| 欧美日韩一区二区三区人妻| 色综合久久天天| 凹凸国产熟女精品视频| 中文字幕人妻熟女| 国产xxxx裸体xxx免费| 啊灬啊灬啊灬快灬高潮了女学生| 少妇人妻精品视频| 丰满多毛的大隂户视频| 国产一区二三区精华液| 亚洲最大中文字幕在线| 久久人妻超碰| baoyu123成人免费看视频| jul532的上司人妻中文字幕| 久久精品国产亚洲av网站| 国产麻豆一精品一AV一免费| 午夜福利影视在线观看| 在线天堂在线| 三年片在线观看免费观看大全 下载| 日日碰夜夜操| 人妻互换一二三区激情视频| 欧美激情在线播放| 91麻豆国产福利精品| 欧美 日韩 国产 成人 在线观看| 国产免费内射| 亚洲精品乱码久久久久久蜜桃图片| www.youjizz.com国产| 国产丰满乱子伦无码| 国产一区二区精品在线| 护士性高潮| 97精品人妻一区二区三区香蕉 | 欧美丰满老妇| 亚洲精品字幕在线观看| 肉大捧一出免费视频观看|