width:fit-content;可以根据内容不同自动调整自身的宽度，并且随着浏览器的伸缩也不会变形，但是这个属性只能在谷歌浏览器使用。
火狐浏览器需要加上这个属性 width: width: -moz-fit-content;
如下图所示，当页面伸缩时，也会随着浏览器的宽度自适应。此外，如果想让它居住显示，还需要加上属性：margin:auto;
这个样式的实现我是根据flex布局的基础上实现的，有需要的可以尝试。
原文：https://www.cnblogs.com/maleijiejie/p/14922322.html