div中的ul如何垂直居中

 时间:2024-10-31 15:21:20

有没有遇到过这种情况,在div中放置ul组件,li中擢爻充种的文字始终不能排版到div中间,也就是不能垂直居中。如下图所示。“收藏京东”不能垂直居中。小编找到了如下解决办法。

div中的ul如何垂直居中

方法/步骤

1、先找到对应ul使用的样式类。如该ul使用名字叫“shou”的样式。

div中的ul如何垂直居中

2、打开css文件,会发现只有shouli样式,直接作用在了li上,没有ul样式。

div中的ul如何垂直居中

3、添加一段直接作用在ul上的样式。magin-top:6p垓矗梅吒x代表ul离div最上面的距离已经设定死了。这是最直接的垂直高度设置的方式。magin代表ul边框和div之间的空隙。

div中的ul如何垂直居中

4、如果文件中已存在对ul样式的定义。那就直接修改。看看是否有magintop这个属性。

div中的ul如何垂直居中

5、注意ul中的li样式必须要有float:leftorright这样的属性定义,不然排版不会整齐的排成一行。会成纵列。

div中的ul如何垂直居中

div中的ul如何垂直居中

6、再次强调:如果想要div中的ul保持垂直方向上的居中,是对ul样式magin需要定义,而不是li。

泰拉瑞亚机械蠕虫怎么打 泰拉瑞亚冰雪魔杖怎么使用 泰拉瑞亚楼梯怎么做 gunsup手机版进不去 IntelliJ IDEA怎么打开多个窗口
热门搜索
向日葵图片大全 桌球少女 薛之谦图片 微信背景墙图片 敌敌畏图片