扫码关注官方订阅号
要求结构是
...
顺序如图所示
更新我希望每个图片之间横隔的距离是相等的,图片4个箭头处的宽度是相等的如图
光阴似箭催人老,日月如移越少年。
bootstrap
可以去看一下bootstrap那块的栅格系统
ul{ margin-left:20px; list-style:none; width:230px; } ul li{ float:left; margin:20px 20px 0 0; width:50px; }
。。。好无奈啊,每个li的width:30%,margin-right:2.5%,ul:padding-left:2.5%
设置每3个li宽度和一行之间的li中间和两边宽度加起来等于整个屏幕宽度的100%就可以了
用box-sizing: border-box跟padding然后width设置为33.33%这个是最简单的方法
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
bootstrap
可以去看一下bootstrap那块的栅格系统
。。。好无奈啊,每个li的width:30%,margin-right:2.5%,
ul:padding-left:2.5%
设置每3个li宽度和一行之间的li中间和两边宽度加起来等于整个屏幕宽度的100%就可以了
用box-sizing: border-box
跟padding
然后width设置为33.33%
这个是最简单的方法