0

我正在尝试创建一个选项卡面板，它可以自动调整以适应每个选项卡内容框的宽度，并且最大宽度为 900 像素，并且还保持自动居中在屏幕上。我可以让他们单独工作，但不能三个一起工作。

你可以在这个网页上看到我有 Max-Width: 900px 工作和 Auto-Centering 工作，但不是 Fluid-Width Auto-Adjust （它总是保持在 900px 而不是减小它的宽度以用于更纤细的标签内容框，请参阅“观看电影”和“放映”标签）：http ://www.shellshockeddoc.com/

到目前为止，这是我的标签内容组的 CSS：

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

&这里是HTML：

<div id="TabbedPanels2">
<h2 align="center">TAB HEADLINE 1</h2>
<p align="center">Tab Content 1. This tab contains content about 850px wide.</p>

<h2 align="center" >TAB HEADLINE 2</h2>
<p align="center">Tab Content 2. This tab contains content about 350px wide.</p>
etc
</div>

提前非常感谢！我对 CSS 很陌生，感谢我能得到的所有帮助。

4

0 回答 0