响应式布局

.celwidget4422 {

display: flex;

flex-wrap: wrap;

justify-content: space-between;

}

.apm-eventhirdcol23 {

width: 23%;

float: left;

margin: 0 1%;

}

@media only screen and (max-width: 589px) {

.apm-eventhirdcol23 {

flex: 0 0 calc(50% - 10px);

box-sizing: border-box;

}

}

相关推荐
LRH9 分钟前
React 架构设计:从 stack reconciler 到 fiber reconciler 的演进
前端
不一样的少年_12 分钟前
【前端效率工具】:告别右键另存,不到 50 行代码一键批量下载网页图片
前端·javascript·浏览器
golang学习记13 分钟前
从0死磕全栈之Next.js 企业级 next.config.js 配置详解:打造高性能、安全、可维护的中大型项目
前端
1024小神15 分钟前
next项目使用状态管理zustand说明
前端
Asort15 分钟前
JavaScript设计模式(八):组合模式(Composite)——构建灵活可扩展的树形对象结构
前端·javascript·设计模式
刘永胜是我17 分钟前
【iTerm2 实用技巧】解决两大顽疾:历史记录看不全 & 鼠标滚轮失灵
前端·iterm
returnfalse19 分钟前
🔥 解密StreamParser:让数据流解析变得如此优雅!
前端
凉城a20 分钟前
经常看到的IPv4、IPv6到底是什么?
前端·后端·tcp/ip
jserTang26 分钟前
Cursor Plan Mode:AI 终于知道先想后做了
前端·后端·cursor
木觞清30 分钟前
喜马拉雅音频链接逆向实战
开发语言·前端·javascript