Css 自动调整选项卡式面板每个选项卡的宽度

我有一个选项卡式面板，有6个选项卡。我想设置CSS，使每个选项卡的宽度改变，以自动适应该选项卡中的文本，因此句子较长的选项卡更宽，句子较短的选项卡更细。我还希望面板的最大宽度为900px

这是到目前为止我的CSS：

#TabbedPanels2 .TabbedPanelsContentGroup {
margin-left:auto;
margin-right:auto;
width:70%;
margin-top:105px;
max-width:900px;
}

现在的问题是，所有6个选项卡始终保持在900px，而不是自动向下调整以适应文本。您可以在此处看到结果： 特别是“观看”和“放映”选项卡

---

提前多谢

你应该使用

宽度：100%；最大宽度：900px并定义
最小宽度：0px因为您对此有问题。
显示：内联块将导致元素跨越其内容的宽度，而不是其容器的宽度。如果添加
显示：内联块
同时添加
.TabbedPanelsContent
和
.TabbedPanelsContentGroup
，然后添加
文本对齐：居中
到
.TabbedPanels
您将获得（居中）不同宽度的选项卡框，具体取决于其内容的宽度。
删除选项卡类的宽度并添加
页边距：0自动；填充：3px
谢谢！我只是试了一下&它给了我和以前一样的结果。不管发生什么，标签总是保持在900px。仍然没有运气。最小宽度没有任何变化。您还没有在站点中定义最大宽度，请检查一下，谢谢！我刚刚做了所有的更改并上传了新的CSS，但结果还是一样。非常感谢！我试试看。