CSS限制宽度的最大值？

Question

我将一些文本放入容器中(例如 <p/> )。我想设置一个“最大宽度”属性，这样

1. 当内容长度小于“最大宽度”(比如 80% )时，容器宽度将与内容长度大致相同；
2. 当内容长度大于“最大宽度”时，容器宽度为“最大宽度”，内容会被包裹起来。

无论哪种情况，我都会添加 margin-left:auto;margin-right:auto , 这样我的内容将始终居中。

这是否可能，或者是否有任何解决方法？

Answer 1

代码是

width: max-content;
max-width: 80%;

但是，max-content 还没有得到广泛支持。所以你可以试试类似fit-content的方法，用width: auto就可以实现， float 或者行内级显示。参见 this answer了解详情。