免费PHP建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码

标题: css瀑布流排版重要的CSS代码 [打印本页]

作者: admin 时间: 2025-11-8 18:06
标题: css瀑布流排版重要的CSS代码
.index_product {
columns: 2 150px;
padding: 0 1%;
column-gap: 1%;
}
.index_product li {
break-inside: avoid;
margin-bottom: 20px;
overflow: hidden;
column-gap: 20px;
}

主要的三行代码：
columns: 2 150px; 创建2列，每列最小宽度150px
column-gap: 1%; 设置列之间的间距
break-inside: avoid; 防止项目被分割到不同列

欢迎光临免费PHP建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码 (http://www.ourphp.net/club/)