米
心情
所有
图集
登录
搜索
原创
解决子div宽度超出父div后无法加padding，max-content;后添加padding效果
米醋儿
发布于:2022-02-25
  这种情况可能没有几个人遇到过，但是我就遇到了，比我我网站头部导航中的文档一栏中，下拉后发现最后一项的文字很长，超出了父级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> 方法比较极端，但是解决了表面凸显出来的问题，如果有帮助大家点赞。
注:原创不易,转载请注明出处(
http://micuu.com/new/2627.html
)，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。
最后修改与 2022-02-25
上一篇：
前端动态计算宽度函数calc
下一篇：
同龄的男生基本玩不过女生，不管是思想成熟
留言反馈
请先登录
问题反馈渠道，如有软件无法下载或者其他问题可反馈。【由于某种原因，目前留言不展示】
用户需要登录后才能留言反馈
立即留言
珍藏视频
10分钟高效燃脂
30天高效瘦脸操
5分钟缓解颈椎操
友人
微博
全民K歌
唱吧
今日头条
悠悠网
科技小锅盖
彼岸桌面
阮一峰
laravel社区
V2ex
掘金
更多>
