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

css怎么讓圖片在li中居中,CSS圖片居中于li的方法

前端小編 4 0

在CSS中,可以使用多種方法將圖片在li中居中,以下是一些常用的方法:

1、使用flexbox布局

Flexbox是一種靈活的布局方式,可以輕松實(shí)現(xiàn)圖片在li中的居中,只需要將li元素的display屬性設(shè)置為flex,并使用justify-content和align-items屬性來分別控制水平和垂直方向上的對(duì)齊方式。

li {
  display: flex;
  justify-content: center;
  align-items: center;
}

2、使用text-align屬性

對(duì)于單行文本或圖片,可以使用text-align屬性將其居中。

li {
  text-align: center;
}

3、使用position屬性

可以通過設(shè)置position屬性為relative或absolute,并結(jié)合top、left、right和bottom屬性來控制圖片在li中的位置。

li {
  position: relative;
}
img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

4、使用grid布局

Grid布局是一種二維布局方式,也可以實(shí)現(xiàn)圖片在li中的居中,只需要將li元素的display屬性設(shè)置為grid,并使用justify-content和align-items屬性來分別控制水平和垂直方向上的對(duì)齊方式。

li {
  display: grid;
  justify-content: center;
  align-items: center;
}

是幾種常見的實(shí)現(xiàn)圖片在li中居中的方法,可以根據(jù)具體的需求選擇適合的方法。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
日本福利视频在线观看| 真人实拍女处破www免费看| 亚洲电影久久久久| 中文字幕高清在线播放| 玩弄人妻少妇视频| 国产区一区二区三| av高潮| 农村少妇一区二区三区四区五区| 国产日韩欧美视频在线| 国产91久久精品一区二区| 国产精品久久久久久亚洲av瑜伽 | 国产精品一区二区电影| 少妇高潮一区二区三区在线播放| 欧美日韩精品中文字幕| 把手脚绑上拿刷子刷花核| 久久porn| 国产视频一区在线观看| 精品久久久久久国产| 在线午夜av| 亚洲av乱码一区二区三区女同| 久久精品色欧美aⅴ一区二区 | 丰满人妻一区二区三区色| 999国内精品永久免费视频| つまつま人妻ⅹ人妻bt| 国产午夜精品久久| GOGOGO高清在线播放| 久久99精品九九九久久婷婷| av天堂一区二区| 久久久久国色av免费观看性色 | 熟妇熟女乱综合在线91| 短裙公车被强好爽H陈若雪视频| 人人射| 毛片久久久| 亚洲精品二区三区| 久久久一级黄色片| 老熟女原味一区二区三区| 三年中文在线观看免费大全中国| 亚洲小说另类| 亚洲av最新在线网址| 欧美午夜精品久久久久免费视| 欧美日本免费高清一区二区|