请问怎么把一个ul最为一个盒子,然后里面有几个li,然后这几个li在ul里面纵向排列,并且平均分布,每一个的间隙相同,并且每个li里面还有两个span两端分布,做了很久一直做不出来,才来麻烦各位,万分感谢!
1条回答 默认 最新
- Z_pigeon 2022-09-18 19:46关注
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> ul, li { list-style-type: none; margin: 0; padding: 0; } .s-ul { border: 1px solid #000; padding: 10px; margin-bottom: -10px; display: inline-block; } .s-ul li { margin-right: -10px; } .s-ul li:last-child { margin-bottom: -10px; } .s-ul li span { display: inline-block; width: 40px; height: 20px; margin-right: 10px; border: 1px solid #000; vertical-align: top; } .s-ul li span:first-child { margin-right: 10px; margin-bottom: 10px; } </style> </head> <body> <ul class="s-ul"> <li class="s-li"> <span></span> <span></span> </li> <li class="s-li"> <span></span> <span></span> </li> <li class="s-li"> <span></span> <span></span> </li> </ul> </body> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥100 求数学坐标画圆以及直线的算法
- ¥35 平滑拟合曲线该如何生成
- ¥100 c语言,请帮蒟蒻写一个题的范例作参考
- ¥15 名为“Product”的列已属于此 DataTable
- ¥15 安卓adb backup备份应用数据失败
- ¥15 eclipse运行项目时遇到的问题
- ¥15 关于#c##的问题:最近需要用CAT工具Trados进行一些开发
- ¥15 南大pa1 小游戏没有界面,并且报了如下错误,尝试过换显卡驱动,但是好像不行
- ¥15 自己瞎改改,结果现在又运行不了了
- ¥15 链式存储应该如何解决