CSS限制宽度的最大值？

Question

我将一些文本放在一个容器中（比如<p/>）。我想设置一个＆＃34;最大宽度＆＃34;财产，这样

1. 当内容长度小于＆＃34;最大宽度＆＃34; （比如80%），容器宽度将与内容长度大致相同;
2. 当内容长度大于＆＃34;最大宽度＆＃34;时，容器宽度将是＆＃34;最大宽度＆＃34;，并且内容将被包裹。

在任何一种情况下，我都会添加margin-left:auto;margin-right:auto，以便我的内容始终居中。

这可能，还是有任何解决方法？

Answer 1

代码是

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

但是，max-content尚未得到广泛支持。因此，您可以尝试使用fit-content进行同步width: auto，以及浮动或内联级别的显示。有关详细信息，请参阅this answer。

Answer 2

你需要什么：

p{
    display:inline-block;
    max-width:200px; /* Random value here */
}

祝你好运