2010-10-02 85 views
8

我想要創建一個類似於fieldsetlabel的效果。我們如何根據自己的內容自動製作div寬度

alt text

當標題沿側變化,即標題的白色背景保持相同的寬度。

如果我可以使headingdiv元素具有足夠的寬度以適應其內容,它會給出適當的效果。

如果還有其他解決方案,請告訴我。

回答

9

您可以在要收縮的股利,或display: inline-block使用float(儘管這不會在IE6工作(因爲它沒有指定的寬度適用inline-block僅元素內嵌默認情況下),或者,你可以同時使用,顯然,雖然我不知道爲什麼你要做出一個浮動塊的行爲,如果它是inline

演示在jsbin

+0

ŧ擁有很多伴侶。 – 2010-10-02 14:19:06

+0

'好的,它有助於解決您的問題嗎? – 2010-10-02 14:22:13

+0

display inline-block做這個工作 – Maverick 2015-06-29 19:21:36

4

我會推薦這

#element { 
    display: table; /* IE8+ and all other modern browsers */ 
} 
+1

太棒了!這對我完美的工作:) – Dominik 2017-10-02 15:13:02