w jaki sposób możemy automatycznie uzyskać szerokość ujęcia div zgodnie z jego zawartością?

Question

Chcę utworzyć efekt podobny do tego z fieldset i label.

Kiedy nagłówki zmienić wzdłuż boku, szerokość, że białe tło nagłówka pozostaje taka sama.

Jeśli mogę ustawić element heading lub div tak, aby miał szerokość wystarczającą do dopasowania jego zawartości, zapewni to odpowiedni efekt.

Jeśli istnieje inne rozwiązanie, proszę dać mi znać.

Answer 1

Można użyć float na div chcesz zmniejszyć lub display: inline-block (mimo, że nie działa w IE6 (ponieważ ma ona zastosowanie tylko do elementów inline-block inline domyślnie) bez określania szerokości. Albo można użyć zarówno oczywiście, choć nie jestem pewien, dlaczego chcesz chcą dokonać aktu płynął-blokowy, jak gdyby był inline.

Demo na jsbin

Answer 2

polecam ten

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