温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

CSS如何让li 4个一行显示

发布时间:2020-07-12 05:11:03 来源:网络 阅读:278 作者:骇客世界 栏目:web开发

我们在做前端开发的时候,或者仿站的时候,有时候很容易遇到产品列表页显示错位的情况,比如原来4个一行显示,结果却变成了3各一行显示,很难看。原来是你的CSS没有控制好。

有网友问:css 如何控制ul li 每行显示几个并换行 像table效果一样。

今天春哥就给大家讲讲:大家看一下下面的代码,有什么发现:

.column .col-4-1 {

width: 22.75%;

margin-right: 3%;

}

.column .col-4-1 {

width: 22%;

margin-right: 3%;

}显然第二个是可以的,我们所设置的比例要在100%范围之内。

站秀秀防站请添加链接描述

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI