MICUU
微资讯
声卡
创新2024全套教程
5.1声卡全套
创新声卡驱动
板载声卡调试全套教程
Sam机架安装
Sam机架
音效助手
专题
文档
技术文档汇总
站内文档
更多
软件
更新日志
关于
装机必备
Gramos模板
光年后台模板
Betube模板
美图
友情链接
站内导航
关于
搜索
退出登录
登录
原创
解决子div宽度超出父div后无法加padding,max-content;后添加padding效果
2022-02-25
64.75w热度
  这种情况可能没有几个人遇到过,但是我就遇到了,比我我网站头部导航中的文档一栏中,下拉后发现最后一项的文字很长,超出了父级div的宽度。   我是这样解决的,首先在 最终的 a 标签上使用 max-content; .nav ul li a{ display: inline-block; width: max-content; text-align: center; } 然后想要加一点点的padding效果,但是我真的写不出来啊。于是我想了个比较另类的方法,再最长的字符串前后都加上一个中文空格占位符: 或者是英文的也可以的,看心情。 <ul class="box-shadow"> <li><a href="/layui">layui文档</a></li> <li><a href="https://micuu.com/layui/layer/index.html">layer文档</a></li> <li><a href="https://micuu.com/layui/laydate/index.html"> layDate文档官方在线 </a></li> </ul> 方法比较极端,但是解决了表面凸显出来的问题,如果有帮助大家点赞。
注:原创不易,转载请注明出处(
https://micuu.com/new/2627.html
),本站所有资源来源于网络收集,如有侵权请联系QQ245557979进行清除。
最后修改与 2022-02-25
上一篇:
前端动态计算宽度函数calc
下一篇:
同龄的男生基本玩不过女生,不管是思想成熟
留言反馈
请先登录
问题反馈渠道,如有软件无法下载或者其他问题可反馈。【由于某种原因,目前留言不展示】
用户需要登录后才能留言反馈
立即留言
珍藏视频
10分钟高效燃脂
30天高效瘦脸操
5分钟缓解颈椎操
友人
微博
全民K歌
唱吧
今日头条
悠悠网
科技小锅盖
彼岸桌面
阮一峰
laravel社区
V2ex
掘金
更多>