当前位置：Gxlcms > html代码 > 这个效果怎么弄？_html/css_WEB-ITnose

这个效果怎么弄？_html/css_WEB-ITnose

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

无标题文档
  • 1.AAAAAAAA
  • 2.BBBBBBBB
  • 3.CCCCCCCC
  • 4.DDDDDDDD
  • 5.EEEEEEEE
  • 6.FFFFFFFF
  • 7.GGGGGGGG
  • 8.HHHHHHHH
  • 9.KKKKKKKK



效果:

1.AAAAAAAA 4.DDDDDDDD 7.GGGGGGGG

2.BBBBBBBB 5.EEEEEEEE 8.HHHHHHHH

3.CCCCCCCC 6.FFFFFFFF 9.KKKKKKKK


回复讨论(解决方案)

li加上float:left;

改成






  • 1.AAAAAAAA

  • 2.BBBBBBBB

  • 3.CCCCCCCC



  • 4.DDDDDDDD

  • 5.EEEEEEEE

  • 6.FFFFFFFF



  • 7.GGGGGGGG

  • 8.HHHHHHHH

  • 9.KKKKKKKK



用表格比较方便

改成






  • 1.AAAAAAAA

  • 2.BBBBBBBB

  • 3.CCCCCCCC



  • 4.……


    ++++++1

    改成






    • 1.AAAAAAAA

    • 2.BBBBBBBB

    • 3.CCCCCCCC



    • 4.……

      这样把程序写死了，做循环怎么写？

      所以采用我的方法，只在li设float:left; 加上你原来设置的宽度 这样就会3个成1行 第4个因为没位置了 就会自动换到第二行 如此重复，其他代码可以不去动

      汗 仔细看了 你是要纵列！！！ 我想想

      如果是想用一个ul来实现上面的话 你可以改变里面的内容，li里面的内容比如这样：

    • 1.AAAAAAAA

    • 4.DDDDDDDD

    • 7.GGGGGGGG

    • 2.BBBBBBBB

    • 5.EEEEEEEE

    • 8.HHHHHHHH

    • 3.CCCCCCCC

    • 6.FFFFFFFF

    • 9.KKKKKKKK

      • 然后设置他的宽度，宽度不够的时候他会自动换行的。当然这样写是写死了的。如果要是导航栏那一类可以写死了的话，是可以这样写的


      这个有点难。

      i%3相同即可。但是2楼那个更好点，只是标签那个啥，滥用。


      • 1....

      • 2....

      • 3....



        ....

      如果是想用一个ul来实现上面的话 你可以改变里面的内容，li里面的内容比如这样：
    • 1.AAAAAAAA

    • 4.DDDDDDDD

    • 7.GGGGGGGG

    • 2.BBBBBBBB

    • 5.EEEEEEEE

    • 8.HHHHHHHH

    • 3.CCCCCCCC

    • 6.……

      如果是想用一个ul来实现上面的话 你可以改变里面的内容，li里面的内容比如这样：

    • 1.AAAAAAAA

    • 4.DDDDDDDD

    • 7.GGGGGGGG

    • 2.BBBBBBBB

    • 5.EEEEEEEE

    • 8.HHHHHHHH

    • 3.CCCCCCCC

    • 6.F……


      这个数据是循环读出来的。

      如果是想用一个ul来实现上面的话 你可以改变里面的内容，li里面的内容比如这样：

    • 1.AAAAAAAA

    • 4.DDDDDDDD

    • 7.GGGGGGGG

    • 2.BBBBBBBB

    • 5.EEEEEEEE

    • 8.HHHHHHHH

    • 3.CCCCCCCC

    • 6.F……

      不是导航栏 是一个列表哦

      改成横排
      要不就写死宽度，固定几列。
      要不很难写，只能js动态控制





      纵排