米
心情
所有
图集
登录
搜索
原创
解决子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> 方法比较极端，但是解决了表面凸显出来的问题，如果有帮助大家点赞。
注:原创不易,转载请注明出处(
https://micuu.com/new/2627.html
)，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。
最后修改与 2022-02-25
上一篇：
前端动态计算宽度函数calc
下一篇：
同龄的男生基本玩不过女生，不管是思想成熟
▶
珍藏视频
▶
10分钟高效燃脂
▶
30天高效瘦脸操
▶
5分钟缓解颈椎操
友人
→
微博
→
全民K歌
→
唱吧
→
今日头条
→
悠悠网
→
科技小锅盖
→
彼岸桌面
→
阮一峰
→
laravel社区
→
V2ex
→
掘金
+
更多
