当前位置:Gxlcms > html代码 > 这种情况如何让div居中?_html/css_WEB-ITnose

这种情况如何让div居中?_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:36人阅读

我的页面大体是:


    一段while代码



总之最后生成的实际页面标签大体是:


  • ...

  • ...

  • ...



  • ...

  • ...

  • ...


  • ...


我现在的问题就是这些个div的样式要怎么设置,才能让它在整个ul里处于居中位置啊??我试过了设置成margin:0 auto这种,但是不行,我之所以一定要用居中的样式,是因为想在所有大小的屏幕上都能居中显示,否则光靠调元素间距,屏幕大小一变就跑偏了

请教各位~~~~


回复讨论(解决方案)

ul下嵌套div元素不符合XHTML规范。ul是块级元素,设置固定的宽度值以后才能通过 margin:0 auto;样式进行居中。如果还需要对列表项进行“分组”以设置不同的样式,可以通过添加不同的样式类来实现,比如:

无标题文档
  • 1
  • 2
  • 3



设置ul里边的样式:text-align:center也能看到效果。。。。

可是text-align貌似只对文本起效果

最后问题还是解决了,我要求是一行四列,我就每行弄了四个div宽度分别设为25%,然后把

  • 放在里面,并设置margin:auto
  • 人气教程排行