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

css3怎么讓li填滿ul,CSS3讓li填滿ul的方法

前端小編 4 0

CSS3中,可以使用flex布局或者grid布局來讓li填滿ul。

1、flex布局:

通過給ul設(shè)置display: flex;屬性,可以讓ul成為flex容器,然后給li設(shè)置flex: 1;屬性,可以讓li填滿ul。

<ul style="display: flex;">
  <li style="flex: 1;">1</li>
  <li style="flex: 1;">2</li>
  <li style="flex: 1;">3</li>
</ul>

2、grid布局:

通過給ul設(shè)置display: grid;屬性,可以讓ul成為grid容器,然后給li設(shè)置grid-area: auto;屬性,可以讓li填滿ul。

<ul style="display: grid;">
  <li style="grid-area: auto;">1</li>
  <li style="grid-area: auto;">2</li>
  <li style="grid-area: auto;">3</li>
</ul>

兩種方法都可以實現(xiàn)讓li填滿ul的效果,可以根據(jù)具體需求選擇使用哪種布局方式。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
热久久久久久久| 国产成人欧美日韩精品亚洲一区二区| 久久久久久黄| 99久久精品国产一区二区蜜芽| av看片在线| 中文在线中文资源| 中文字幕丰满乱码| 欧美综合国产精品久久丁香| 欧美日韩激情一区| 91毛片免费看| 久久久国产精品| 99热免费精品| 精品suv一区二区| 性欧美videos另类极品小说| 99草草国产熟女视频在线| 午夜精品福利影院| 91久久婷婷国产麻豆精品| 中国美女做爰视频高清| 欧美精品一区二区三区人妻一区 | 伊人久久久久久久久久久| 国产帅男男GAY网站视频| 日韩精品久久久久久免费| 成全在线观看免费完整版下载| 一区二区久久精品| 成年人免费毛片| 人妻体内射精| 蜜臀av性久久久久蜜臀aⅴ四虎| 国产FREEXXXX性播放麻豆| 熟女av一区二区三区999| 亚洲欧美日韩精品| 99久久久久精品无码专区九色| 国产精品久久久久久久久久妞妞| 老熟女重囗味| 人人妻人人澡人人爽欧美一区双| 日日摸av| 亚洲免费av一区二区三区| 丰满的欲妇在线观看| 日本人妻A片成人免费看片| 荫蒂添的好舒服视频囗交网站| 日韩欧美一区二区三区免费观看 | av高潮喷水|