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

css中body中怎么居中,CSS中Body中居中方法

前端小編 9 0

在CSS中,要使body元素居中,可以通過多種方法實(shí)現(xiàn),以下是一種常見的方法:

1、使用flexbox布局:

body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
}

在這個(gè)示例中,我們使用了CSS的flexbox布局來使body元素居中。display: flex;將body元素設(shè)置為一個(gè)flex容器,justify-content: center;align-items: center;分別將子元素在水平和垂直方向上居中。height: 100vh;將body元素的高度設(shè)置為視口高度的100%,margin: 0;將上下左右的邊距都設(shè)置為0。

2、使用CSS Grid布局:

body {
  display: grid;
  justify-content: center;
  align-content: center;
  height: 100vh;
  margin: 0;
}

在這個(gè)示例中,我們使用了CSS的Grid布局來使body元素居中。display: grid;將body元素設(shè)置為一個(gè)grid容器,justify-content: center;align-content: center;分別將子元素在水平和垂直方向上居中。height: 100vh;將body元素的高度設(shè)置為視口高度的100%,margin: 0;將上下左右的邊距都設(shè)置為0。

無論使用哪種布局,都可以使body元素在頁面中居中顯示,你可以根據(jù)自己的需求和喜好選擇適合的方法。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
亚洲国产成人一区二区| 丰满人妻综合一区二区三区| 女人18毛片A级毛片免费视频| 天天综合天天爱| 国产乱妇激情高潮呻吟视频| 国产精品国产自产拍高清av| 国产精品一区久久| 日韩精品人妻一区二区三区免费 | 国产精品亚洲lv粉色| 69久久夜色精品国产69乱青草| 久久久久久久久久综合| 国产精品福利视频| 国产精品女一区二区久久| 蜜桃av噜噜一区二区三区四区| 日韩激情综合| 中文字幕在线视频在线观看| 精品国产久久| 99久久国产极品蜜臀AV酒店| 欧美亚洲一区二区三区四区| 欧美精品性猛交xxxx| 99国产精品白浆在线观看免费| 中文字幕精品久久久久| 国产欧美一区二区精品秋霞影院| 中文字幕一区二区三区在线播放| 亚洲成人精品一区| 国内少妇人妻偷人精品| 成人做受视频试看60秒| 亚洲精品国产精品国自产9| 办公室疯狂摸揉呻吟做电影| 欧美xxxx黑人又粗又长| 日韩欧美一区二区三区四区五区 | 亚洲av免费播放| 婷婷精品久久| 中文字幕一区二区三区波野结| 被讨厌的公侵犯hd在线播放| 色一情一乱一级一区二区看片| 国产精品不卡av| 沧元图第二季在线完整免费观看 | 久久久久久久国产av| 少妇被粗大猛烈进出| 亚洲国产精品毛片|