开发者

how can we make a div take width according to its content automatically

I want to create an effect like that of fieldset and label.

how can we make a div take width according to its content automatically

When the headings change along the side, the width that the white background of the heading remains the same.

If I can make the heading or div element to take the width enough to fit its content, it will give the proper effect开发者_StackOverflow.

If there is any other solution please let me know.


You can use float on the div you want to shrink, or display: inline-block (though that won't work in IE6 (since it applies inline-block only to elements inline by default) without specifying a width. Or you can use both, obviously. Though I'm not sure why you'd want to make a floated-block act as if it was inline.

Demo at jsbin


I would recommend this

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

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜