選項卡式面板的每個選項卡的自動調整寬度

我有一個包含6個選項卡的選項卡式面板。我想設置CSS，以便每個選項卡的寬度更改爲自動適應該選項卡中的文本，因此帶有長句子的選項卡更寬，帶較短句子的選項卡更爲細長。我還希望面板的最大寬度爲900px。選項卡式面板的每個選項卡的自動調整寬度

這是我的CSS迄今：

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

的問題，現在是該標籤的所有6一直待在900px，而不是自動調整到適合文本。您可以在這裏看到結果： www.shellshockeddoc.com具體用於「手錶」選項卡&「Screenings」

非常感謝您提前！

來源

2013-09-23 Scrub Brush Productions

您應該使用width: 100%; max-width: 900px;並且還定義了min-width: 0px;，因爲您對此有問題。

來源

2013-09-23 03:47:47

謝謝！我只是試了一下，它給了我和以前一樣的結果。無論如何，標籤總是保持在900px。 –

仍然沒有運氣。最小寬度沒有改變任何東西。 –

您尚未在您的網站中定義最大寬度，只需檢查 –

display: inline-block;將導致元素跨越其內容的寬度而不是其容器的寬度。如果您將display: inline-block;添加到.TabbedPanelsContent和.TabbedPanelsContentGroup，然後將text-align: center;添加到.TabbedPanels，您將獲得（居中）選項卡框，其寬度取決於其內容的寬度。

來源

2013-09-23 04:45:39 essmahr

感謝您的幫助！ –

刪除標籤類的寬度並添加margin:0 auto;padding:3px

來源

2013-09-23 12:27:00

非常感謝！我會試一試。 –

選項卡式面板的每個選項卡的自動調整寬度

回答

相關問題