米
心情
所有
图集
登录
搜索
原创
前端动态计算宽度函数calc
米醋儿
发布于:2022-02-25
  优化网站的菜单的时候，发现有点问题，子菜单的宽度不好控制，比如有时候文字可能比较多，这样宽度就会超出去了需要有合理的解决办法。   于是乎我就到处去找网页审查元素，虽然没有发现非常合理的解决办法，但是意外发现了一个css3中计算宽的的函数 calc 函数。 li{ float:left; height:50px; padding:10px; margin-right:15px; background:#FF6666; border:5px solid #DAC8A7; width:calc(33.3333% - (10px + 5px) * 2 - 15px ) } 意思是 (width-(padding+border)*2-margin) ，这相对来说算是比较复杂的计算办法了，可能我们日常中使用如下即可： width:calc(33.3333% - 16px ) 这样，内容就可以这是 padding 8px 了，想一想再自适应中真的很方便。
注:原创不易,转载请注明出处(
http://micuu.com/new/2626.html
)，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。
最后修改与 2022-02-25
上一篇：
还记得高中时候，那时候的自己接触电脑真得
下一篇：
解决子div宽度超出父div后无法加padding，max-content;后添加padding效果
留言反馈
请先登录
问题反馈渠道，如有软件无法下载或者其他问题可反馈。【由于某种原因，目前留言不展示】
用户需要登录后才能留言反馈
立即留言
珍藏视频
10分钟高效燃脂
30天高效瘦脸操
5分钟缓解颈椎操
友人
微博
全民K歌
唱吧
今日头条
悠悠网
科技小锅盖
彼岸桌面
阮一峰
laravel社区
V2ex
掘金
更多>
