解决子div宽度超出父div后无法加padding，max-content;后添加padding效果

  这种情况可能没有几个人遇到过，但是我就遇到了，比我我网站头部导航中的文档一栏中，下拉后发现最后一项的文字很长，超出了父级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">&emsp;layDate文档官方在线&emsp;</a></li>
</ul>

方法比较极端，但是解决了表面凸显出来的问题，如果有帮助大家点赞。